利用hexo+github创建个人博客

Posted Nola

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了利用hexo+github创建个人博客相关的知识,希望对你有一定的参考价值。

因为想拥有一个独属于自己的个人博客啊。

安装部署hexo

  1. 进入一个安全的目录,cd ~/Desktop
  2. 在 GitHub 上新建一个空 repo,repo 名称是「你的GitHub用户名.github.io」
  3. 安装 Hexo $ npm install -g hexo-cli
  4. $ hexo init myBlog
  5. $ cd myBlog
  6. $ npm I
  7. $ hexo new这时会看到一个 md 文件的路径
  8. $ vi _config.yml编辑网站配置
    • 把第 6 行的 title 改成你想要的名字
    • 把第 9 行的 author 改成你的名字
    • 把最后一行的 type 改成 type: git
    • 在最后一行后新增一行 repo: 仓库地址 (仓库地址应为「你的GitHub用户.github.io」对应的仓库地址,仓库地址以 [email protected] 开头)
    • ??repo后面有个空格。
  9. $ npm install hexo-deployer-git —save安装 git 部署插件
  10. $ hexo deploy
  11. 进入「你的GitHub用户名.github.io」对应的 repo,打开GitHub Pages功能,如果已经打开了,直接点击即可预览链接博客

添加新的博客

  1. $ hexo new 添加博客md,这时会出现一个路径,复制显示的路径,打开编辑
  2. $ hexo generate
  3. $ hexo deploy OK完成

更换博客的主题

  1. 进入喜欢的主题的 GitHub 首页
  2. 复制它的 SSH 地址或 HTTPS 地址
  3. 根据md文件提示下载
  4. 将myBlo文件夹中中_config.yml的第 75 行改为 theme: 新下载的主题的文件夹名字
  5. $ hexo generate
  6. $ hexo deploy
  7. 一分钟博客页面即可

上传博客源代码

注意??:「你的Github用户名.github.io」上保存的只是你的博客,并没有保存「生成博客的程序代码」,所以需要再创建一个名为 blog-generator的空仓库,用来保存 myBlog 里面的「生成博客的程序代码」

  1. 在 GitHub 创建 blog-generator 空仓库
    技术分享图片

  2. 按照截图中的命令执行即可,记住不要用 HTTPS 地址。
  3. 这样你的博客发布在了「你的Github用户名.github.io」而「生成博客的程序代码」发布在了 blog-generator。所有数据万无一失。
    • 以后每次 hexo deploy 完之后,博客就会更新;然后还要 add / commit /push 一下「生成博客的程序代码」,以防万一。
    • 这个 blog-generator就是用来生成博客的程序,而「你的Github用户名.github.io」仓库就是你的博客页面。


以上是关于利用hexo+github创建个人博客的主要内容,如果未能解决你的问题,请参考以下文章

MAC下利用Github hexo 多说百度统计 建立个人博客指南

Hexo+Github搭建个人博客

hexo+github搭建个人博客

基于github与hexo搭建个人博客

Hexo+Butterfly+Github+Coding搭建个人博客

亲测Hexo+Github个人博客搭建