博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
hexo+github搭建个人博客
阅读量:6348 次
发布时间:2019-06-22

本文共 1616 字,大约阅读时间需要 5 分钟。

windows环境下 准备工作

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

本地搭建hexo静态博客

  1. 新建一个文件夹,如myBlog
  2. 进入该文件夹,右键点击Git Bash Here
  3. 下载安装hexo:npm install hexo-cli -g
  1. 生成hexo模板:hexo init blog (初始化该文件夹)
  2. 进入blog文件夹:npm install
  3. 进入blog文件夹:hexo server(访问本地localhost:4000可以看到博客已经搭建成功)

将博客与github关联

  1. 在Github上创建名为xxx.github.io的仓库,xxx为自己github的用户名。
  2. 打开本地的myBlog的blog文件夹内的_config.yml配置文件,将其中的type设置为git
  1. 进入blog文件夹运行 npm install hexo-deployer-git --save
  1. hexo generate
  2. hexo deploy
  3. 进入xxx.github.io对应的 repo,打开 GitHub Pages 功能,如果已经打开了,就直接点击预览链接。也可打开浏览器,访问:https://qfstudy.github.io

编辑博客

  1. hexo new 博客标题
  2. 编辑\source_posts下对应的md文件
  1. hexo generate
  2. hexo deploy 这时打开博客就看到自己新编辑的博客

更新文章

  1. 在blog目录下执行:hexo new “我的第一篇文章”,会在source/_posts文件夹内生成一个.md文件。
  2. 编辑该文件(遵循Markdown规则)
  3. 修改起始字段
  • title 文章的标题
  • date 创建日期 (文件的创建日期 )
  • updated 修改日期 ( 文件的修改日期)
  • comments 是否开启评论 true
  • tags 标签
  • categories 分类
  • permalink url中的名字(文件名)
  1. 编写正文内容(MakeDown)
  2. hexo clean 删除本地静态文件(Public目录),可不执行。
  3. hexo g 生成本地静态文件(Public目录)
  4. hexo deploy 将本地静态文件推送至github(hexo d)

上传源代码

注意(xxx.github.io)上保存的只是你的博客,并没有保存生成博客的程序代码,你需要再创建一个名为 blog-generator(可以随意命名) 的空仓库,用来保存 myBlog 里面的生成博客的程序代码。

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

更换主题

  1. 进入
  2. github:https://github.com/hexojs/hexo/wiki/Themes
  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中修改

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

转载于:https://juejin.im/post/5ad373e1518825558b3e61d1

你可能感兴趣的文章
Java支付宝扫码支付[新]
查看>>
SpringMVC 拦截器 筛选
查看>>
CronExpression介绍
查看>>
第十八章:MVVM(八)
查看>>
点击表头切换升降序排序方式
查看>>
第26天,Django之include本质
查看>>
Java中静态变量和实例变量的区别
查看>>
秋名山老司机(详解)——bugku
查看>>
RED | Robot Framework集成开发环境
查看>>
育碧同 Mozilla 联手开发 AI 代码助手
查看>>
【实用】面对枯燥的源码,如何才能看得下去?
查看>>
智库说 | 徐远:数字时代的城市潜力
查看>>
《JSP极简教程》jsp c:forEach用法
查看>>
WebSocket详解(六):刨根问底WebSocket与Socket的关系
查看>>
用 Go 写一个轻量级的 ssh 批量操作工具
查看>>
网站设计之合理架构CSS 架构CSS
查看>>
OTP 22.0 RC3 发布,Erlang 编写的应用服务器
查看>>
D语言/DLang 2.085.1 发布,修复性迭代
查看>>
感觉JVM的默认异常处理不够好,既然不好那我们就自己来处理异常呗!那么如何自己处理异常呢?...
查看>>
Java 基础 之 算数运算符
查看>>