码迷,mamicode.com
首页 > 其他好文 > 详细

利用hexo+github创建个人博客

时间:2018-06-03 10:48:21      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:就会   注意   gen   个人博客   显示   top   install   src   tar   

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

安装部署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」对应的仓库地址,仓库地址以 git@github.com 开头)
    • ??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创建个人博客

标签:就会   注意   gen   个人博客   显示   top   install   src   tar   

原文地址:https://www.cnblogs.com/nolaaaaa/p/9127776.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!