hexo+github搭建个人博客

原创 2018年04月16日 00:09:07

windows环境下
准备工作
1. 下载安装node.js并安装,默认安装npm
2. 下载安装git和Git Bash


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

这里写图片描述

将博客与github关联
1. 在Github上创建名为xxx.github.io的仓库,xxx为自己github的用户名。
2. 打开本地的myBlog的blog文件夹内的_config.yml配置文件,将其中的type设置为git
这里写图片描述
3. 进入blog文件夹运行 npm install hexo-deployer-git –save
这里写图片描述
4. hexo generate
5. hexo deploy
6. 进入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中的名字(文件名)
4. 编写正文内容(MakeDown)
5. hexo clean 删除本地静态文件(Public目录),可不执行。
6. hexo g 生成本地静态文件(Public目录)
7. hexo deploy 将本地静态文件推送至github(hexo d)


上传源代码
注意(xxx.github.io)上保存的只是你的博客,并没有保存生成博客的程序代码,你需要再创建一个名为 blog-generator(可以随意命名) 的空仓库,用来保存 myBlog 里面的生成博客的程序代码。
这里写图片描述
这里写图片描述
以后每次hexo deploy 完之后,博客就会更新;然后你还要要 git add /git commit /git push 一下上传生成博客的程序代码,以防万一。


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


next主题配置
1. 更改社交链接,在主题文件夹的_config.yml中修改
这里写图片描述

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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hqf2018/article/details/79955345

Hexo+github搭建个人博客-博客初始化篇

上一篇博文 《Hexo+github搭建个人博客-环境搭建篇》 中,我们讲解了利用Hexo搭建个人博客应该要配置哪些环境。 相信大家已经迫不及待的想要知道接下来应该要怎么把自己的博客搭起来了,下面,...
  • sihai12345
  • sihai12345
  • 2018-02-10 19:37:11
  • 567

hexo+github搭建免费个人博客

阅读本文应具备的知识: 了解 git 和 github 具备 markdown 语法基础知识 1.在 github 建立属于自己的 github.io 你要有一个 github 账号,并建立自己的 g...
  • weixin_38788347
  • weixin_38788347
  • 2017-10-03 13:20:14
  • 429

Mac下Hexo+GitHub搭建个人博客

Mac下Hexo+GitHub搭建个人博客环境搭建Node和Git安装完成后,在终端下输入下面的命令:sudo npm install -g hexo初始化hexo在用户目录下创建名为hexo的文件夹...
  • qq_22755565
  • qq_22755565
  • 2017-03-28 14:43:15
  • 170

用Github Page+Hexo轻松搭建个人博客

在2018年来临之际,笔者拖延了一年多的博客终于上线了,本文基于笔者的实践经验,即使你是一个技术小白,按照本文的步骤,也可以轻松搭建自己的博客。为什么要搭建个人博客? 总结和写作能力很重要 独立的才是...
  • peterzhen40
  • peterzhen40
  • 2017-12-31 16:39:41
  • 351

使用hexo+GitHub搭建的个人博客 文件备份

使用hexo可以方便的搭建自己的个人博客,但是由于博客的 markdown 文件都放在本地。可能会容易丢失,备份起来也会很麻烦。本教程就是实现方便的文件备份。 1. hexo+GitHu...
  • qq_32144341
  • qq_32144341
  • 2018-02-24 17:20:10
  • 22

使用hexo+github免费搭建个人博客网站超详细教程

很多人都想搭建自己的博客,但是奈何技术有限,服务器部署,HTML,域名解析,等等,这一大堆东西可真有的折腾。但是如果有这样一个机会,不需要太复杂的操作,不要服务器,不要域名,不用写html,你愿意去尝...
  • wapchief
  • wapchief
  • 2017-01-18 16:35:21
  • 5076

Mac下利用Hexo+GitHub搭建自己的博客

一、mac下利用hexo搭建一个博客,已有公司git账户 已有公司git账户,就用改配置文件的方式一,如果没有,可以用方式二。 因为git账户默认配置是global的,会相互覆盖,如果不觉得来回切换...
  • qianqianstd
  • qianqianstd
  • 2017-02-19 22:04:35
  • 2672

零基础免费搭建个人博客-hexo+github

使用hexo生成静态博客并架设在免费的github page平台
  • jzooo
  • jzooo
  • 2015-07-07 00:10:28
  • 38982

Hexo+Github搭建个人博客(一)——开始搭建

title-picture   前段时间本人利用业余时间,在网上查询各种资料,使用Hexo+Github的方式搭建起了我个人的博客——BrightLoong。相信网上已经有无数前辈写了类似的文章来记录...
  • cl534854121
  • cl534854121
  • 2017-07-26 10:17:53
  • 774

hexo+github搭建个人博客(超详细教程)

首先呢,先说一下吧,作为一个程序猿来说,大多的大牛都是使用的是msdn/github这些来交流技术,但是我后来发现csdn上面好多的大牛都已经摒弃csdn,自己搭建个人博客进行发表文章记录点滴了。 虽...
  • AinUser
  • AinUser
  • 2017-08-26 23:48:37
  • 5483
收藏助手
不良信息举报
您举报文章:hexo+github搭建个人博客
举报原因:
原因补充:

(最多只允许输入30个字)