首页 > 其他分享 >GitHub+hexo部署静态网站

GitHub+hexo部署静态网站

时间:2023-06-03 21:33:48浏览次数:42  
标签:git Hexo hexo 静态 github GitHub config

前言

由于有些文章可能过不了shen,有些大概率会挂,部署在GitHub当作备份
还有就是自己购买域名和服务器,搭建博客的成本实在是太高了,不光是说这些购买成本,还要定期的维护它,
对于大多数人来说,是没有这样的精力和时间

什么是 Hexo?

Hexo 是一个快速、简洁且高效的博客框架。
Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

HEXO官网部署

HEXO官网网站

前提需要安装Node.js

node官网下载地址

安装 Hexo
所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo。

npm install hexo-cli -g

查看版本

hexo -v

初始化仓库:仓库名自己命名

hexo init 1769073060

GitHub+hexo部署静态网站_github

新建后的目录构造

新建完成后,指定文件夹目录下有:

  • node_modules: 依赖包
  • public:存放生成的页面
  • scaffolds:生成文章的一些模板
  • source:用来存放你的文章
  • themes:主题
  • _config.yml: 博客的配置文件

本地运行

hexo g
hexo server

GitHub+hexo部署静态网站_官网_02

GitHub+hexo部署静态网站_git_03

一个静态网站随即搭建完成

浏览器输入 http://localhost:4000/

GitHub+hexo部署静态网站_git_04

在GitHub创建个人仓库

创建:账号.github.io

GitHub+hexo部署静态网站_github_05

生成SSH添加到GitHub

打开git bash输入

git config --global user.name "yourname"
git config --global user.email "youremail"

可以用以下两条,检查一下你有没有输对

git config user.name
git config user.email

框中之前是小程序的账号,修改即可

GitHub+hexo部署静态网站_官网_06

生成ssh

一直回车即可

ssh-keygen -t rsa -C "[email protected]"

GitHub+hexo部署静态网站_官网_07

GitHub+hexo部署静态网站_git_08

把ssh密钥添加到github后台

在GitHub的setting中,找到SSH keys的设置选项,点击New SSH key,将id_rsa.pub里面的信息复制进去。

GitHub+hexo部署静态网站_git_09

git bash 查看是否验证成功

ssh -T [email protected]

GitHub+hexo部署静态网站_git_10

将hexo部署到GitHub

这一步,我们就可以将hexo和GitHub关联起来,也就是将hexo生成的文章部署到GitHub上,打开站点配置文件 _config.yml,翻到最后,修改为
YourgithubName就是你的GitHub账户

deploy:
  type: git
  repo: https://github.com/你的账户名/你的账户名.github.io.git
  branch: main

这个时候需要先安装deploy-git ,也就是部署的命令,这样你才能用命令部署到GitHub。

npm install hexo-deployer-git --save

然后

hexo clean
hexo generate
hexo deploy

其中 hexo clean清除了你之前生成的东西,也可以不加。
hexo generate 顾名思义,生成静态文章,可以用 hexo g缩写
hexo deploy 部署文章,可以用hexo d缩写

GitHub+hexo部署静态网站_git_11

返回GitHub仓库查看有没有提交文件

GitHub+hexo部署静态网站_官网_12

可以访问http://yourname.github.io 这个网站看到你的博客

GitHub+hexo部署静态网站_官网_13



标签:git,Hexo,hexo,静态,github,GitHub,config
From: https://blog.51cto.com/u_15384850/6408727

相关文章

  • 2023-06-03 hexo+next主题之如何设置菜单图标
    注意是next主题找到你的博客\themes\hexo-theme-next里的_config.yml文件,搜索menu,如:menu:home:/||homeabout:/about/||usertags:/tags/||tagscategories:/categories/||tharchives:/archives/||archivealbum:/album/比如我现在创建了album(相册)菜单,......
  • 解读静态资源的访问
    1. 发起的请求是由哪些服务器程序处理的。33浏览器输入以下地址http://localhost:8080/ch05_url_pattern/index.jsp :tomcat(jsp会转为servlet)http://localhost:8080/ch05_url_pattern/js/jquery-3.4.1.js : tomcathttp://localhost:8080/ch05_url_pattern/images/p1.jpg : tomca......
  • 最小编译器和 UI 框架「GitHub 热点速览」
    如果有一个关键词来概述本周的GitHub热门项目的话,大概就是van和sectorc都用到的smallest。只不过一个是前端的响应式框架,一个是搞编译的C编译器。它们除了轻量化这个共同特点之外,还有好用,足以满足你的日常编程所需。说到编程,EasySpider便是一个免去敲代码工作量,用看得见......
  • 2023-06-03 hexo路径出现%7C%7
    该问题是由一个sidebar.swig文件引起的解决方案:打开你的博客\themes\hexo-theme-next\layout\_macro在里面找到sidebar.swig文件,把判断代码去掉修改前:{%ifconfig.archive_dir!='/'andsite.posts.length>0%}<divclass="site-state-itemsite-state-posts">......
  • 2023-06-03 hexo设置中文
    我的博客使用的主题是Next主题在你的博客\themes\hexo-theme-next\languages中可以看到很多的语言包比如我要设置博客文件为简体中文,对应的就是zh-Hans接着,在博客根目录打开_comfig.yml,修改language的值为zh-Hans即可......
  • 探索 GitHub Copilot:AI 代码伙伴的力量
    引言:在软件开发领域,编写高质量的代码一直是开发者们的追求。然而,代码编写过程中常常会遇到各种繁琐的细节和重复劳动,不仅浪费时间,还可能导致出错。好在现在有了GitHubCopilot,一款由人工智能驱动的代码伙伴,为开发者提供了强大的功能和更高效的编码体验。本文将介绍GitHubCopi......
  • github上传时出现error: src refspec master does not match any解决办法
    问题产生原因分析引起该错误的原因是,目录中没有文件,空目录是不能提交上去的解决方法touchREADME1.gitaddREADME2.gitcommit-m'firstcommit'3.gitpushoriginmaster来自:http://www.open-open.com/lib/view/open1366080269265.html实际上gitinit这一步之后创建了一......
  • 静态网页简单设计
    应同学要求,帮忙简单设计一个静态网页。我就愉快的答应了,其实我心里挺没底的,但是基于我前段时间有过微信小程序的基础学习,在部分css代码上还是差不多的。帮同学做的这个网页是《传闻中的陈芊芊》这个电视剧的部分相关内容。下面是最终的网页界面。网页界面最终效果:源代码:下面只是......
  • 2023-06-02 hexo推送至github
    第一步:在你的hexo博客根目录打开终端输入以下命令:npminstallhexo-deployer-git--save第二步:配置根目录的_config.yml文件:#URL##Setyoursiteurlhere.Forexample,ifyouuseGitHubPage,seturlas'https://username.github.io/project'url:https://你的gi......
  • Github PR 时合并多次提交的 git commits All In One
    使用场景:(一个组里的兄弟)在一个分支里,提交多次,产生多个commit,然后提pr。正常情况下,合并到main分支,也会带着多次pr。期望:将分支中多个commit在合并至main时变为一个commit 解决办法: https://www.cnblogs.com/xgqfrms/p/16464515.html   终极解决办法(原理):  htt......