hexo+github搭建我的博客

windows环境下
准备工做node

  1. 下载安装node.js并安装,默认安装npm
  2. 下载安装git和Git Bash

本地搭建hexo静态博客git

  1. 新建一个文件夹,如myBlog
  2. 进入该文件夹,右键点击Git Bash Here
  3. 下载安装hexo:npm install hexo-cli -ggithub

    • clipboard.png
  4. 生成hexo模板:hexo init blog (初始化该文件夹)
  5. 进入blog文件夹:npm install
  6. 进入blog文件夹:hexo server(访问本地localhost:4000能够看到博客已经搭建成功)npm

    • clipboard.png

将博客与github关联windows

  1. 在Github上建立名为xxx.github.io的仓库,xxx为本身github的用户名。
  2. 打开本地的myBlog的blog文件夹内的_config.yml配置文件,将其中的type设置为git浏览器

    • clipboard.png
  3. 进入blog文件夹运行 npm install hexo-deployer-git --savehexo

    • clipboard.png
  4. hexo generate
  5. hexo deploy
  6. 进入xxx.github.io对应的 repo,打开 GitHub Pages 功能,若是已经打开了,就直接点击预览连接。也可打开浏览器,访问:https://qfstudy.github.iopost


编辑博客url

  1. hexo new 博客标题
  2. 编辑source_posts下对应的md文件spa

    • clipboard.png
  3. hexo generate
  4. hexo deploy

这时打开博客就看到本身新编辑的博客


更新文章

  1. 在blog目录下执行:hexo new “个人第一篇文章”,会在source/_posts文件夹内生成一个.md文件。
  2. 编辑该文件(遵循Markdown规则)
  3. 修改起始字段

    • title 文章的标题
    • date 建立日期 (文件的建立日期 )
    • updated 修改日期 ( 文件的修改日期)
    • comments 是否开启评论 true
    • tags 标签
    • categories 分类
    • permalink url中的名字(文件名)
  4. 编写正文内容(MakeDown)
  5. hexo clean 删除本地静态文件(Public目录),可不执行。
  6. hexo g 生成本地静态文件(Public目录)
  7. hexo deploy 将本地静态文件推送至github(hexo d)

上传源代码
注意(xxx.github.io)上保存的只是你的博客,并无保存生成博客的程序代码,你须要再建立一个名为 blog-generator(能够随意命名) 的空仓库,用来保存 myBlog 里面的生成博客的程序代码。

clipboard.png

clipboard.png

之后每次 hexo deploy 完以后,博客就会更新;而后你还要要 git add /git commit /git push 一下上传生成博客的程序代码,以防万一。


更换主题

  1. 进入Hexo的官网主题专栏
  2. github:https://github.com/hexojs/hex...
  3. 复制它的 SSH 地址或 HTTPS 地址,假设地址为 git@github.com:iissnan/hexo-theme-next.git
  4. cd themes
  5. git clone git@github.com:iissnan/hexo-theme-next.git
  6. cd ..
  7. 将 _config.yml 的第 75 行改成 theme: hexo-theme-next,保存
  8. hexo generate
  9. hexo deploy
  10. 等一分钟,而后刷新你的博客页面,你会看到一个新的外观。若是不喜欢这个主题,就回到第 1 步,重选一个主题。

next主题配置

  1. 更改社交连接,在主题文件夹的_config.yml中修改

    • clipboard.png

参考
https://github.com/limedroid/...

相关文章
相关标签/搜索