始终想搭建属于本人的博客,用来记录本人的所学。
但都因为各种各样奇怪的工夫安顿搁置了,导致我甚至开始用起了公司的git工具记录知识点..
明天终于把博客搭建结束,顺便也把搭建博客路上遇到的坑记录下来。
先备常识
(一)应用 Hexo & Github 搭建博客的起因
首先,咱们思考一下,相比间接把内容发在 简书/掘金 平台上,自建博客有什么劣势?
- 通过本人的域名能够拜访博客,不必放心平台跑路/保护危险
- 能够本人抉择博客款式
- 本人的博客相当于本人的一份名片,通过优化SEO能够做到很好的扩充影响力的成果。
当初搭建博客能够有N多工具,比方:买腾讯云服务器搭建博客、应用Jelly配置又或者本人自建网站。
但以上流程对于只是想领有一份记录本人所学的博客需要来说,工夫老本和收入老本都是偏高的。
Hexo 能够让咱们便捷地搭建博客,应用别人曾经设计好的博客模板;github的pages性能能够为咱们提供收费的服务器,让咱们零老本搭建属于本人的博客。
便捷、低成本、扩展性好 就是采纳 Hexo & Github 的次要起因。
(二)username/nickname On Github
要辨别要 github 上 username 和 nickname 的区别,这点在搭建博客时十分重要
(三)配置 Hexo
要配置好 Hexo ,此外理解肯定的 nodeJs 根底能够让你更分明你在配置过程中都在做什么,而不是只跟着教程操作而已,比方 npm install 是在做什么、以及为什么 package.json 能够很便捷地关联库的起因等等。
(四)命令行操作工具
有肯定的命令行操作根底,能灵便应用 iTerm ,相熟 git 语法更佳。
(五)辨别 brew、npm、pip、apt-get 指令。
这四个指令实际上是 不同零碎下治理软件包的指令
。
一、brew即Homebrew,是Mac OSX上的软件包管理工具,能在Mac中不便的装置软件或者卸载软件, 只须要一个命令。默认都是装置到brew的指定目录“/usr/local/Cellar”下,而后在“/usr/local/bin”下创立对应的软连贯来应用的。如果装置多个不同版本的库,能够批改对应的软连贯就能够了二、npm(全称Node Package Manager,即“node包管理器”)是Node.js預設的、用JavaScript編寫的軟體套件管理系統。三、pippython软件包管理系统,能够利用它装置python包,默认都装置到以后python版本的python3.7/site-packages文件夹下四、apt-getlinux命令,实用于deb包治理式的操作系统,次要用于主动从互联网的软件仓库中搜寻、装置、降级、卸载软件或操作系统
(六)理解 hexo 指令的含意
比方 hexo init 、hexo d -g 、hexo s。
搭建博客流程
(一)应用 github pages 创立繁难博客
1. 在github建设博客仓库
首先在本人的 github 上创立一个仓库,命名为 : username.github.io
Tips:这里的指的是你本人github帐号的username,比方我的username就是 BNineCoding,我创立的仓库就是:https://github.com/BNineCodin...
2. 为本人的仓库抉择page theme
创立实现后,点击 Setting - Pages - choose Theme
能够任意选一个 theme ,这种默认的博客款式是github为咱们提供的,选完 theme 之后,你就能够通过域名 username.github.io 拜访属于你本人的博客了,比方点击可查看我的博客地址:
BNine的博客(点击查看)
(二)应用 Hexo 抉择博客模板
当你实现 github pages 配置后,你可能会十分兴奋,认为本人的博客曾经建成了。实际上 github pages 提供的只是一个简略的页面,如果想做成真正相似网页的博客款式,咱们须要应用 Hexo 。
1. Hexo init
在本人的桌面上创立一个新的文件夹,比方我命名为 blog,应用命令行工具 cd blog 文件夹后,执行: hexo init
而后就会看到 blog 文件夹中产生了一系列的文件:
接着咱们通过执行 hexo d -g、hexo server -p 5000 两个命令将博客进行部署、本地预览,
能够看到博客曾经部署在了 http://localhost:5000 网站上,咱们应用浏览器拜访即可看到博客页面:
但接下来咱们要思考的问题是,怎么做能力把这里的博客和咱们 github 上建设的仓库分割起来呢?答案是配置 _config.yml,这个文件是站点配置文件,承当着如下两点次要作用:
- 对外:将博客与外界进行沟通,比方 链接github、SEO
- 对内:决定博客的次要款式,配置博客架构,决定博客款式 theme
所以要将博客与github链接起来,咱们要先批改 _config.yml 文件,增加如下内容:
deploy: type: git repository: https://github.com/xxx/xxx.github.io branch: main
下面的 repository
要填的就是你在第一步创立的 github 博客仓库。
配置结束后,咱们再来对博客进行部署,执行: hexo d -g,而后就能够看到咱们的 github 仓库里曾经有了刚刚通过 hexo init 创立的这些文件,也就是说部署时会将文件推到咱们通过 repository 确认的仓库。
接着期待几分钟,咱们就能够通过 xxx.github.com 拜访到部署后的博客款式了(留神!github网站博客更新不是实时的,很大可能你刚部署完拜访链接还是旧的博客款式,能够等几分钟或者多刷新几次)。
2. 主题theme配置
如果你进行到了这一步,可能不满足于通过 Hexo init 提供的默认 博客款式 ,这时咱们就能够在 github 上抉择本人喜爱的 theme 款式,以我的博客抉择的theme款式为例:
hexo-theme-matery
对于 theme
的配置,你所选的 theme
的 github
根本都有一份非常详尽地配置形容,如果你选的theme
主题配置不够详尽,那倡议你还是不要选它。
博客进阶配置
咱们记录的博文如果能被搜索引擎收录,但对常识地流传会更加无效,咱们也会有更大的能源去写更好的文章,那就须要对本人博客站点进行 SEO 配置优化,曾经有前人说得十分好,感兴趣能够拜访如下链接:
hexo博客的高级SEO优化
Hexo 博客增加百度sitemap
Hexo博客提交百度收录SEO
**这个公众号会继续更新技术计划、关注业内技术动向,关注一下老本不高,错过干货损失不小。
↓↓↓**