写在前言--我的博客搭建之路
2017-04-23 21:32
465 查看
虽然网上有很多搭建博客的教程,但是为了搭建我心目中的那种博客的样式,还是走了很多弯路,先看看我搭好的吧:http://hogenlaw.com。也许是先入为主的原因吧,我喜欢这种极简的博客风格样式,看过stormzhang博客的朋友都知道,他博客的风格也是类似这种样式,但是他这是基于 GitHub + Jekyll,而 Jekyll 貌似要有 Ruby 的环境,貌似比较麻烦(没去试),为了避免折腾现在一般都是 GitHub + Hexo 来搭建自由博客,相关资料也比较多。
其实自去年开始我就在 CSDN上写写笔记,虽然自己还是个菜B,很多人说 CSDN 是个过气的网站,但我的确有许多不懂的问题都是在 CSDN 上得到解答的。17年开始我就想试着自己搭建一个博客,想着记录自己的技术成长轨迹,也顺道这看能否提高自己的写作水平,于是乎,百度 + google 轮番上,结果成是成功了,但那种 Hexo的样式还不是我认为的极简风格,中间各种原因,也几乎没在上面写内容,今天索性就重新搭建,感谢这位兄台的博客,记录的比较详细,正是有了前人的不断总结,才有了后来人的少走弯路。所以搭建成功后,我也试着记录一下自己的历程。
我这其实也是重复造轮子,我也不一定写的比别人好,但是我尽我所能把搭建的过程给记录下来,算是博客搭建的一次总结吧!
windows 64 位安装包下载地址
Git官网下载地址
至于软件的安装这没什么要讲的,就下一步 下一步搞定!
如果结果类似如下所示则说明本机已经装了SSH,没有的话自行安装
生成SSH key:电脑桌面–>右键–>
接着连续三个回车键(不需要输入密码),然后就会生成两个文件 id_rsa 和 id_rsa.pub ,而 id_rsa 是密钥,id_rsa.pub 就是公钥。这两文件默认分别在如下目录里生成:
wind系统在 /c/Users/username/.ssh 下(MAC没用过,不知道,呵呵!)
接下来要做的是把 id_rsa.pub 的内容添加到 GitHub 上,这样你本地的 id_rsa 密钥跟 GitHub 上的 id_rsa.pub 公钥进行配对,授权成功才可以提交代码。
然后点击右上角的 New SSH key 按钮:
windows用户可以用Sublime Text或EditPlus打开id_rsa.pub 文件的内容
SSH key 添加成功之后,输入
填写Repository信息:
Repository name:userName.github.io 注意:userName为你的github用户名
Description (optional): Writing 1000 Words a Day Changed My Life –描述
Github Pages 的 Repository 名字是特定(两个要一致)的,比如我 Github 账号是 hogenlaw,那么我Github Pages Repository(GitHub仓库)名字就是 hogenlaw.github.io。
点击「Create Repository」 完成创建
桌面右键git bash here打开 git , 运行Hexo 安装命令
进入到 myblog 目录下
好,到现在已经搭建起来一个本地博客了 , 输入以下命令验证
然后到浏览器输入localhost:4000看看 , 一个初始博客映入眼帘
下载 hexo-scribble 主题
解压,将 hexo-scribble 文件夹复制到 myblog\themes目录下
配置复制的主题: 修改 myblog 目录下的 config.yml 配置文件中的 theme 属性,将其设置为hexo-scribble(修改config.yml前最好将其备份一下)
启用主题: 从myblog的根目录进入你复制的主题目录,右键
操作完之后浏览器输入 localhost:4000 看一下有没有
文章默认是一个.md的格式 , 意思它用的是 Markdown 语法 , markdown,没有哪个程序员不会的吧,csdn就是这种语法来写的!
写完之后 Ctrl + S 保存
然后再 hexo g(生成网页) 接着hexo s(启动本地服务),浏览器查看效果( localhost:4000 )
接着在 myblog 根目录下创建一个 .txt 文件 , 把下面的命令复制进去(替换你的用户名)
将这个 .txt 文件的后缀改成 .sh , 它就变成了脚本文件 , 我们就将文件改成 deploy.sh 吧!意思就是部署
如果你以前没登录过 github,第一次点击deploy.sh的时候会有弹出框提示输入 GitHub 的用户名跟密码
接着切回到 myblog 的根目录下输入下面的生成命令
最后一步 , 发布
双击我们刚在Hexo 目录下编辑的 deploy.sh 脚本文件,弹出一个黑窗口,进行同步,发布,时间会有延迟,不急,等窗口消失后,在浏览器输入 https://username.github.io
也就是说:以后你发布博客只需要两步 , myblog 根目录下 运行 hexo g , 之后点击 depploy.sh 脚本!
其实自去年开始我就在 CSDN上写写笔记,虽然自己还是个菜B,很多人说 CSDN 是个过气的网站,但我的确有许多不懂的问题都是在 CSDN 上得到解答的。17年开始我就想试着自己搭建一个博客,想着记录自己的技术成长轨迹,也顺道这看能否提高自己的写作水平,于是乎,百度 + google 轮番上,结果成是成功了,但那种 Hexo的样式还不是我认为的极简风格,中间各种原因,也几乎没在上面写内容,今天索性就重新搭建,感谢这位兄台的博客,记录的比较详细,正是有了前人的不断总结,才有了后来人的少走弯路。所以搭建成功后,我也试着记录一下自己的历程。
我这其实也是重复造轮子,我也不一定写的比别人好,但是我尽我所能把搭建的过程给记录下来,算是博客搭建的一次总结吧!
安装 Node.js 和 Git
windows 32 位安装包下载地址windows 64 位安装包下载地址
Git官网下载地址
至于软件的安装这没什么要讲的,就下一步 下一步搞定!
注册 GitHub
这个还真没啥好说的设置检查 SSH
首先我们需要检查本机是否安装 ssh:电脑桌面–>右键–>git bash here,键入如下命令
$ ssh
如果结果类似如下所示则说明本机已经装了SSH,没有的话自行安装
生成SSH key:电脑桌面–>右键–>
git bash here,键入如下命令
$ ssh-keygen -t rsa
接着连续三个回车键(不需要输入密码),然后就会生成两个文件 id_rsa 和 id_rsa.pub ,而 id_rsa 是密钥,id_rsa.pub 就是公钥。这两文件默认分别在如下目录里生成:
wind系统在 /c/Users/username/.ssh 下(MAC没用过,不知道,呵呵!)
接下来要做的是把 id_rsa.pub 的内容添加到 GitHub 上,这样你本地的 id_rsa 密钥跟 GitHub 上的 id_rsa.pub 公钥进行配对,授权成功才可以提交代码。
GitHub 上添加 SSH key
第一步先在 GitHub 上的设置页面,点击最左侧 SSH and GPG keys :然后点击右上角的 New SSH key 按钮:
windows用户可以用Sublime Text或EditPlus打开id_rsa.pub 文件的内容
SSH key 添加成功之后,输入
ssh -T git@github.com进行测试,如果出现以下提示证明添加成功了。
使用GitHub 建立博客
登录github,点击+号下拉框「New Repository」填写Repository信息:
Repository name:userName.github.io 注意:userName为你的github用户名
Description (optional): Writing 1000 Words a Day Changed My Life –描述
Github Pages 的 Repository 名字是特定(两个要一致)的,比如我 Github 账号是 hogenlaw,那么我Github Pages Repository(GitHub仓库)名字就是 hogenlaw.github.io。
点击「Create Repository」 完成创建
安装Hexo(注意前方高能!)
首先在「我的电脑」中任意选择一个盘新建「myblog」文件夹 , 比如我在建在 D 盘:桌面右键git bash here打开 git , 运行Hexo 安装命令
$ npm install -g hexo
进入到 myblog 目录下
$ hexo init
好,到现在已经搭建起来一个本地博客了 , 输入以下命令验证
$ hexo g –生成静态文件 $ hexo s –启动服务本地预览 (预览完要停止键盘按下 Ctrl + C 停止本地预览)
然后到浏览器输入localhost:4000看看 , 一个初始博客映入眼帘
更换 hexo-scribble 极简博客主题
上面你看到的是默认的hexo主题,现在准备更换成极简的 hexo-scribble 主题了$ hexo clean–因为主题换了 你需要clean以下老主题生成的缓存
下载 hexo-scribble 主题
$ git clone https://github.com/hogenlaw/hexo-scribble.git
解压,将 hexo-scribble 文件夹复制到 myblog\themes目录下
配置复制的主题: 修改 myblog 目录下的 config.yml 配置文件中的 theme 属性,将其设置为hexo-scribble(修改config.yml前最好将其备份一下)
启用主题: 从myblog的根目录进入你复制的主题目录,右键
git bash here,敲如下命令,一个不能少
$ cd themes/jacman $ git pull $ hexo g --生成 $ hexo s --启动本地预览
操作完之后浏览器输入 localhost:4000 看一下有没有
写新文章
$ hexo new "postName" #新建文章 $ hexo new page "pageName" #新建页面
文章默认是一个.md的格式 , 意思它用的是 Markdown 语法 , markdown,没有哪个程序员不会的吧,csdn就是这种语法来写的!
写完之后 Ctrl + S 保存
在本地预览自己写的博客或者增加后的博客
首先在命令窗口切换回 myblog 目录下然后再 hexo g(生成网页) 接着hexo s(启动本地服务),浏览器查看效果( localhost:4000 )
一键部署博客到 GitHub,包括主题与新写的文章[放大招了]
进入 myblog 的根目录右键git bash here接着操作以下命令(替换你的用户名):
$ git clone https://github.com/你的github用户名/你的github用户名.github.io.git .deploy/你的github用户名.github.io
接着在 myblog 根目录下创建一个 .txt 文件 , 把下面的命令复制进去(替换你的用户名)
hexo generate cp -R public/* .deploy/你的github用户名.github.io cd .deploy/你的github用户名.github.io git add . git commit -m “update” git push origin master
将这个 .txt 文件的后缀改成 .sh , 它就变成了脚本文件 , 我们就将文件改成 deploy.sh 吧!意思就是部署
如果你以前没登录过 github,第一次点击deploy.sh的时候会有弹出框提示输入 GitHub 的用户名跟密码
推送到GitHub
你的主题改完还没有推送到GitHub , 所以你需要在 git 命令窗口先进入主题目录 myblog/themes/hexo-scribble , 运行如下命令:$ cd themes/hexo-scribble $ git pull $ hexo g --生成本地(主题)
接着切回到 myblog 的根目录下输入下面的生成命令
$ hexo g
最后一步 , 发布
双击我们刚在Hexo 目录下编辑的 deploy.sh 脚本文件,弹出一个黑窗口,进行同步,发布,时间会有延迟,不急,等窗口消失后,在浏览器输入 https://username.github.io
也就是说:以后你发布博客只需要两步 , myblog 根目录下 运行 hexo g , 之后点击 depploy.sh 脚本!
PS: 在这篇文章之后,我还写了篇如何同步博客到 github和Coding,我觉得这很有必要,毕竟 github 国内访问比较慢,有兴趣也可以参考参考
相关文章推荐
- 写在开通博客之时----前言
- jekyll博客搭建之艰辛之路
- 我的Unix和Oracle学习之路--写在博客的开始
- 个人博客的搭建(前言)
- 写在2018-我的技术之路汇总前言
- 写在博客之路开始之前
- 2007年11月10日 我会把我学JAVA过程中遇到的问题都一一写在博客上
- 无题——写在我的博客开通时
- 准备搭建一个论坛和博客
- 轻松搭建博客平台-开源ASP.NET 博客Subtext 的安装
- 写在每二十四个教师节 潇湘博客
- [博客之路]如何增加一个博客的PR值(一)
- 顺应变化、蓄势待发--写在没有博客的日子里
- 我的C#之路——写在起点
- 写在博客的开头
- 轻松搭建博客平台-开源ASP.NET 博客Subtext 的安装
- Wss3入门(0):使用Word2007撰写Wss3搭建的博客
- 写在CSDN博客开通的前面
- [SEO,博客之路]如何提高一个博客的PR值(二)
- [SEO,博客之路]如何提高一个博客的PR值(一)