首页 兴趣

简介

作为一名喜欢摆弄电脑的人来说，博客是一个很好能证明并表现自己的东西，可用用于记录生活上的大事小事，趣事。是代表在互联网上拥有自己的一席之地。而作为一名程序员，博客也是一个炫技的好方法。更可以在互联网这个大海里掀起一朵浪花。

我为什么选择hexo搭建博客

作为一名很早就想建立一个博客网站，但一直觉得博客搭建很麻烦，本来今年一月过年的时候我准备用springboot+mysql组件后端，Vue当前端界面，数据库都设计完了后端搭建的可以写接口了，还找了4个人一起来弄，并答应弄好了一人一份，因为我觉得博客就该是独一无二的。但是这样一个人开发太累了。过年人不在身边总感觉不能将自己的意思很好的表达，最后鼓起勇气准备自己一个人上，在写了几天后端后遇到一个问题是文章的描写用什么富文本编辑器的问题，因为以前开发用过几种富文本编辑器，要么界面好看功能不全，要么功能全界面不好看，或者其他图片文件实现困难等麻烦。在纠结中我看到了markdown这门语法，瞬间搜索的结果焕然一新，感觉打开了新世界大门，明白了纯静态博客。并详细的感受到了博客真的非常适合纯静态写法，不需要后端只要前端就能搭建一个博客。还记得我第一个纯静态的网站是我大一第一学期的动漫视频界面。

当了解到markdown+纯前端实现博客的方法后，我果断丢弃了原先的所有设计思路，全新的拥抱这种方法，在经过Typecho,Wordpress,hexo这几种选择后(其实最主要的是后面两种)，我最后选择了hexo，好像是有人夸hexo比wordpress好用=͟͟͞͞=͟͟͞͞(●⁰ꈊ⁰● |||)。现在我有点后悔了，早知道还有hugo，我就选hugo了。或者选Typecho。因为作为一名前后端都略有涉及的人来说，网站有个后台会让页面更加完善，互动能力越高。所以综上所述我进行了一个错误的选择。

逗你们的，其实博客对于各式各样的人来说有着不一样的意义，一般分为两类人，一类更在意文章，一类更在意博客。有人说我想搭建一个博客先干什么，我的回答是先写文章。无论什么工具搭建的博客文章都是markdown至少结构样式的不同，而对于工具搭建博客一般讲究一个快，好看，实用。有着成套的主题供你使用，任你挑选，搭建速度追至以分钟为单位，也就意味着主题的切换变得方便，即使生成工具间的切换也变得很简单。

而我搭建博客就只的目的向来很纯粹，我就是要搞博客，文章？那是附带的。所以我选择hexo是用的人还算多，文档也齐全，相关插件资料也很多。所以我不要主题要纯撸（放了好久假了，这令人恐惧的疫情Σ┗(＠ロ＠;)┛）

相关文章

唉~不是我懒，是像这种创建主题操作什么文章网上一大堆，内容详细到爆炸，不好意思打扰人家

这两篇我觉得用hexo你就可以自己开发主题了

hexo开发细节

前面说了hexo的主题开发了现在则开始说下我对主题的理解于开发中的建议

基础细节

hexo主题的目录结构，这是我的目录比一开始生成的多了些

hexo是node.js开发的，所以node_modules文件夹与package.json,package-lock.json实际上是npm的产物，相关命令

npm -v //查看当前版本
npm install -g npm //更新最新版本加-g代表全局
npm view [name] version //查看该模块最新版本
npm view [name] versions //查看该模块所有版本
npm i [name] //安装该模块最新版本
npm i [name] --save //安装好后写入package.json的dependencies中（生产环境依赖）
npm i [name] --save-dev //安装好后写入package.json的devDepencies中（开发环境依赖）
npm i [name]@12.12.1//安装该模块指定版本
npm un [name] //卸载该模块
npm un [name] --save //安装好后写入package.json的dependencies中（生产环境依赖）
npm un [name] --save-dev //安装好后写入package.json的devDepencies中（开发环境依赖）
npm ls [name] //查看该模块版本等信息

hexo g 生成网页所有静态文件的都放在public文件内，网站访问的所有的静态页面都是在这个文件夹内，hexo clean命令清除这个文件。建议多看这个文件夹以便更高的整理文件。通过命令hexo s -p 8100指定开启8100端口访问博客。因为访问时静态页面，也可以用nginx修改conf/nginx.conf文件下root参数指向public文件夹，也可访问。但需要使用先hexo g生成静态文件。

scaffolds文件夹目前下md文件是通过hexo new 文章名创建文章时使用的模板

source文件夹都是为public下的一级目录，而以“_”开头的文件都会被忽略，而_posts文件夹内存放文章md文件，学会用在这个文件夹内新建文件夹对你博客的节点回事一个很有利的帮助，通过修改主题文件内的page.ejs路径文件，你将不在局限于网上所教的创建标签，分类，关于界面。

themes是主题文件，可放置主题供你切换，也是你要开发主题的地方

_config.yml文件是配置文件与使用的主题文件_config.yml文件是相通了，而主题的使用插件，参数的配置，到最后主题的保存，是不会保存外面那层的，所以我建议这些参数写在主题里面，除了config.yml自带的默认参数解释可参考--hexo文件参数及其相关说明这篇文章

主题细节

静态文件存储细节，因为文件内有大量图片，最开始我是存七牛云的，看重的就是七牛云免费10G，图片处理，cdn加速，甚至因为图片处理功能我甚至通过响应式等获取一定图片宽高来压缩图，获取网页性能的微小提升后来我遇到了jsdelivr，卧槽怎么会有这么快乐的东西，周所周知github在国内访问速度是很慢的，而jsdelivr可以实现对github文件访问并有cdn加速，速度飞快。这简直可以把github当仓库了。当然最主要的一个原因是自己博客网站挂了ssl证书，但只要请求域里面有http请求的，网址前面就不会显示安全也就是一把锁

而七牛云对于https请求是要$$的，所以它不香了。而且jsdelivr可以对js文件进行压缩加密，css文件压缩

压缩加密的让我自己都看着迷糊了。

扩展功能

闲聊么

描述：用异步刷新网站的pjax+闲聊么感觉非常棒，就是一个免费聊天平台集成到网站上。

安装使用

<script>
    var xlm_wid='1xxxx';//注册账号就有
    var xlm_url='https://www.xianliao.me/';
&lt;/script>
<script type='text/javascript' charset='UTF-8' src='https://www.xianliao.me/embed.js'>&lt;/script>

效果图

结尾

网站搭建完才开始写这个博客和感受的，感觉记得不是清楚了，等想起什么细节再来填埋吧.....