使用Hexo和GitHub 轻松搭建一个博客

对于一个程序员来说,能搭建一个自己的博客是很赞的事情,接下来让我们使用Hexo+Github轻松实现吧!

软件准备

GitBash(命令行工具)

VSCode(用于编辑文本,使用其他文本编辑器亦可)

NodeJS(需集成npm工具)
可以通过输入命令行"npm -v" 来测试是否成功安装

$ npm -v
3.10.10 

详细步骤

  1. 在 GitHub 上新建一个空 repo,repo 名称是「你的用户名.github.io」(请将你的用户名替换成真正的用户名)
  2. npm install -g hexo-cli,安装Hexo
  3. hexo init myBlog,创建一个myBlog文件夹
  4. cd myBlog
  5. npm i
  6. hexo new 开博大吉,你会看到一个md文件路径
  7. start xxxxxx/开博大吉.md,需要把xxx替换成绝对路径,如果是\斜杠需换成/斜杠
  8. start _config.yml,编辑网站配置
    i. 把第 6 行的 title 改成你想要的名字
    ii.把第 9 行的 author 改成你的大名
    iii.在最后一行的 type 后面添加 git
    iv.在最后一行,与 type 平齐,加上一行 repo: 仓库地址 (请将仓库地址改为「你的用户名.github.io」对应的仓库地址,仓库地址以 [email protected]: 开头你知道吧?不知道?不知道的话现在你知道了)
    例子
  9. npm install hexo-deployer-git --save ,安装 git 部署插件
  10. hexo deploy
  11. 进入「你的用户名.github.io」对应的 repo,打开 GitHub Pages 功能,如果已经打开了,就直接点击预览链接
  12. 你现在应该看到了你的博客

第二篇博客

  1. hexo new 第二篇博客
  2. 复制显示的路径,使用 start 路径 来编辑它(如果是\斜杠需换成/斜杠)
  3. hexo generate
  4. hexo deploy
  5. 去看你的博客,应该能看到第二篇博客了

换主题

  1. https://github.com/hexojs/hexo/wiki/Themes 上面有主题合集
  2. 随便找一个主题,进入主题的 GitHub 首页,比如我找的是 https://github.com/coneycode/coney
  3. 复制它的 SSH 地址或 HTTPS 地址,假设地址为 [email protected]:coneycode/coney.git
  4. cd themes
  5. git clone [email protected]:coneycode/coney.git
  6. cd ..
  7. 将 _config.yml 的第 75 行改为 theme: coney,保存
  8. hexo generate
  9. hexo deploy
  10. 等一分钟,然后刷新你的博客页面,你会看到一个新的外观。如果不喜欢这个主题,就回到第 1 步,重选一个主题

上传源代码

注意「你的用户名.github.io」上保存的知识博客,并没有保存 hexo 目录,你需要再创建一个名为 blog-generator 的空仓库,用来保存 myBlog 里面的代码

  1. 在 GitHub 创建 blog-generator 空仓库


    使用Hexo和GitHub 轻松搭建一个博客_第1张图片
    方方截图
  2. 按照截图中的命令执行即可,记住使用 SSH 地址。

这样备份之后,你就不会因为误删 myBlog 目录而痛哭了。以后每次 hexo deploy 完之后,都要 push 一下代码,以备份。

这个 blog-generator 就是用来生成博客的程序,而「你的用户名.github.io」仓库就是你的博客页面。


参考资料:饥人谷-Hexo教程

你可能感兴趣的:(使用Hexo和GitHub 轻松搭建一个博客)