关于objective-c:使用-Hexo-Github-搭建博客

37次阅读

共计 2680 个字符,预计需要花费 7 分钟才能阅读完成。

始终想搭建属于本人的博客,用来记录本人的所学。

但都因为各种各样奇怪的工夫安顿搁置了,导致我甚至开始用起了公司的 git 工具记录知识点..

明天终于把博客搭建结束,顺便也把搭建博客路上遇到的坑记录下来。

先备常识

(一)应用 Hexo & Github 搭建博客的起因

首先,咱们思考一下,相比间接把内容发在 简书 / 掘金 平台上,自建博客有什么劣势?

    1. 通过本人的域名能够拜访博客,不必放心平台跑路 / 保护危险
    1. 能够本人抉择博客款式
    1. 本人的博客相当于本人的一份名片,通过优化 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 的配置,你所选的 themegithub 根本都有一份非常详尽地配置形容,如果你选的 theme 主题配置不够详尽,那倡议你还是不要选它。

博客进阶配置

咱们记录的博文如果能被搜索引擎收录,但对常识地流传会更加无效,咱们也会有更大的能源去写更好的文章,那就须要对本人博客站点进行 SEO 配置优化,曾经有前人说得十分好,感兴趣能够拜访如下链接:

hexo 博客的高级 SEO 优化

Hexo 博客增加百度 sitemap

Hexo 博客提交百度收录 SEO


** 这个公众号会继续更新技术计划、关注业内技术动向,关注一下老本不高,错过干货损失不小。
↓↓↓**

正文完
 0