共计 2680 个字符,预计需要花费 7 分钟才能阅读完成。
始终想搭建属于本人的博客,用来记录本人的所学。
但都因为各种各样奇怪的工夫安顿搁置了,导致我甚至开始用起了公司的 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 編寫的軟體套件管理系統。三、pip
python 软件包管理系统,能够利用它装置 python 包,默认都装置到以后 python 版本的python3.7/site-packages文件夹下
四、apt-get
linux 命令,实用于 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
** 这个公众号会继续更新技术计划、关注业内技术动向,关注一下老本不高,错过干货损失不小。
↓↓↓**