对于一个程序员来说,能搭建一个自己的博客是很赞的事情,接下来让我们使用Hexo+Github轻松实现吧!
软件准备
GitBash(命令行工具)
VSCode(用于编辑文本,使用其他文本编辑器亦可)
NodeJS(需集成npm工具)
可以通过输入命令行"npm -v" 来测试是否成功安装
$ npm -v
3.10.10
详细步骤
- 在 GitHub 上新建一个空 repo,repo 名称是「你的用户名.github.io」(请将你的用户名替换成真正的用户名)
-
npm install -g hexo-cli
,安装Hexo -
hexo init myBlog
,创建一个myBlog文件夹 cd myBlog
npm i
-
hexo new 开博大吉
,你会看到一个md文件路径 -
start xxxxxx/开博大吉.md
,需要把xxx替换成绝对路径,如果是\
斜杠需换成/
斜杠 -
start _config.yml
,编辑网站配置
i. 把第 6 行的 title 改成你想要的名字
ii.把第 9 行的 author 改成你的大名
iii.在最后一行的 type 后面添加 git
iv.在最后一行,与 type 平齐,加上一行 repo: 仓库地址 (请将仓库地址改为「你的用户名.github.io」对应的仓库地址,仓库地址以 git@github.com: 开头你知道吧?不知道?不知道的话现在你知道了)
例子
-
npm install hexo-deployer-git --save
,安装 git 部署插件 hexo deploy
- 进入「你的用户名.github.io」对应的 repo,打开 GitHub Pages 功能,如果已经打开了,就直接点击预览链接
- 你现在应该看到了你的博客
第二篇博客
-
hexo new
第二篇博客 - 复制显示的路径,使用
start 路径
来编辑它(如果是\
斜杠需换成/
斜杠) hexo generate
hexo deploy
- 去看你的博客,应该能看到第二篇博客了
换主题
- https://github.com/hexojs/hexo/wiki/Themes 上面有主题合集
- 随便找一个主题,进入主题的 GitHub 首页,比如我找的是 https://github.com/coneycode/coney
- 复制它的 SSH 地址或 HTTPS 地址,假设地址为
git@github.com:coneycode/coney.git
cd themes
git clone git@github.com:coneycode/coney.git
cd ..
- 将 _config.yml 的第 75 行改为
theme: coney
,保存 hexo generate
hexo deploy
- 等一分钟,然后刷新你的博客页面,你会看到一个新的外观。如果不喜欢这个主题,就回到第 1 步,重选一个主题
上传源代码
注意「你的用户名.github.io」上保存的知识博客,并没有保存 hexo 目录,你需要再创建一个名为 blog-generator 的空仓库,用来保存 myBlog 里面的代码
-
在 GitHub 创建 blog-generator 空仓库
方方截图
- 按照截图中的命令执行即可,记住使用 SSH 地址。
这样备份之后,你就不会因为误删 myBlog 目录而痛哭了。以后每次 hexo deploy 完之后,都要 push 一下代码,以备份。
这个 blog-generator 就是用来生成博客的程序,而「你的用户名.github.io」仓库就是你的博客页面。
参考资料:饥人谷-Hexo教程
网友评论