搭建博客网站是我的进入互联网世界的最多见方式之一。伴随着网站技术的发展，如何搭建博客网站已经变得很是容易了。固然，你能够选择诸如 新浪博客、CSDN、博客园 之类的大型网站，快速建立依赖于大平台的我的博客，不过这种方式的不足是言论受限太多、没法触及网站底层技术。因此，对于想要自由发挥创意、又指望对网站拥有更多主动权的话，最好仍是选择本身去亲手搭建一个网站。html
本文来源：魚立说。本文连接：https://www.yulisay.com/d/kdhmp.html，支持微信浏览器打开。git
更多精彩文章，请移步 魚立说我的网站 翻看。欢迎欣赏，吐槽不足之处。github
本主题将围绕博客网站的搭建流程、不一样的博客搭建技术及其流行的风格主题展开，整个系列由如下三个文章部分组成：npm
- 当下流行的博客技术栈
- Hexo 及其流行的风格主题
- Hugo 及其流行的风格主题（后更）
<div class="bordor-separation"></div>json
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其余渲染引擎）解析文章，在几秒内，便可利用靓丽的主题生成静态网页。其官网是：https://hexo.io。浏览器
安装 Hexo
安装 Hexo 至关简单，可是须要先安装下列应用程序便可：缓存
Node.js >=12.0 Git
安装 Node.js 和 Git 以后，全局安装 Hexo 的命令：npm install hexo-cli -g。微信
初始化一个名字为 hexo-blog 的项目：hexo init hexo-blog，此时将生成以下 Hexo 项目目录：并发
. ├── _config.yml # 网站的配置信息 ├── package.json # 应用程序的信息 ├── public # 公共文件夹，用于存放生成的站点文件 ├── scaffolds # 模版文件夹 ├── source # 资源文件夹，用来存放内容 └── themes # 主题文件夹
快速操做 Hexo
查看版本：hexo version 或者 hexo vhexo
启动服务：hexo server 或者 hexo s
新建一篇文章，好比：hexo new "Hello Hexo"
生成静态文件：hexo generate 或者 hexo g
部署网站：hexo deploy 或者 hexo d
清除缓存文件 (db.json) 和已生成的静态文件 (public)：hexo clean
正常启动服务后，在浏览器打开 http://localhost:4000/，将看到一个默认的主题网站，如图：
流行的 Hexo 主题
使用 Hexo 博客时，咱们最但愿的是找到适合本身的一款主题，下面将图文结合介绍一些流行的 Hexo 主题。此外，关于写做的方法和 Hexo 主题修改，能够查阅本文参考中的 Hexo 官方文档，这里再也不赘述。
找到、安装和配置 Hexo 主题
最好的搜索方式是在 https://github.com/ 中，搜索关键词：hexo theme。或者使用搜索引擎，搜索：hexo theme site:github.com。
而后进入到项目目录中，下载安装咱们须要的主题（theme-demo 只是一个示例资源，请注意替代为实际的资源）：
git clone https://github.com/theme-demo.git themes/theme-demo cp -r themes/theme-demo/_source/* source
但愿使用下载的主题，还须要在 _config.yml 中进行配置：
theme: theme-demo
接着，使用 hexo clean 清除缓存，执行 hexo s 即可以看到下面这些 Hexo 风格主题的效果了。
Hexo 流行主题之 1：Maupassant
Maupassant 最初是由 Cho 大神为 Typecho 平台设计开发的一套响应式模板，体积只有 20KB，在各类尺寸的设备上表现出色。因为其简洁大气的风格受到许多用户喜好，目前也已经被移植到了多个平台上。Github 地址：https://github.com/tufu9441/maupassant-hexo。
Hexo 流行主题之 2：Matery
一个采用 Material Design 和响应式设计的 Hexo 博客主题。Github 地址：https://github.com/blinkfox/hexo-theme-matery。
Hexo 流行主题之 3：pure
特色是支持多语言；第三方评论框；可展现我的豆瓣书单；可设置支付宝、微信打赏等。Github 地址：https://github.com/cofess/hexo-theme-pure。
Hexo 流行主题之 4：ils
界面设计十分简洁、清爽，但功能齐全、不失优雅，记录生活、展现文字。Github 地址：https://github.com/XPoet/hexo-theme-ils。
Hexo 流行主题之 5：Cafe
Cafe 主题旨在追求简约、操做简单、阅读温馨度。Github 地址：https://github.com/giscafer/hexo-theme-cafe。
Hexo 流行主题之 6：BlueLake
一个简洁轻量化的响应式 Hexo 博客主题，看起来很像新浪博客。Github 地址：https://github.com/chaooo/hexo-theme-BlueLake。
Hexo 流行主题之 7：shana
shana 是以 Hexo 3.2 为基础制做的主题，为庆贺夏娜酱 2016 年加冕萌王而诞生的，因为比较多的 animation，低配手机在移动端访问的时候可能会出现卡顿。Github 地址：https://github.com/ShanaMaid/hexo-theme-shana。
除了以上几种，还有更多不错的 Hexo 风格主题供你选用，好比 Even、Next、Yilia、Hacker 等。若是你有好的想法和设计，也能够建立并发布本身制做的 Hexo 主题，到时候欢迎给个人网站 魚立说 留言。