如何搭建一个hexo博客

写在前面

这篇文章写于我的hexo博客搭建伊始，里面总结了我当时的一些感悟，以及搭建一个hexo博客所需要的步骤，过程还算详细，可以供大家参考。

2020-03-23 01:00:13

当你看到这篇文章的时候

说明我的个人博客已经搭建成功了！！！

亿把心酸泪

这是我第一次接触博客，但你们所看到的，其实已经是我的第三个博客了，emm也可以说是我的博客3.0模式吧。之所以说这是3.0版本，是因为我的1.0和2.0……额，就当是给萌新练手了吧，咳咳。但是以后不论做什么工程一定要在每一个关键节点处做好备份（别问我怎么知道的，问就是2.0）、注意空格（在搭建1.0版本时，就曾因为一个空格成功带我到三点）、用对编译环境（一个好的编译环境可以有效地减少你的工作量，并且可以给人一种轻便愉悦的工作体验）。那么接下来，我将把自己这两周以来的搭建心得记录下来与大家分享，供大家参考。

搭建博客的基本步骤

安装git
对git配置身份

#配置全局的用户名和邮箱，命令分别为
git config --global user.name "username"
git config --global user.email "email"
#查看全局的用户名和邮箱，命令分别为
git config --global user.name
git config --global user.email

安装nodejs（推荐使用稳定版）
以管理员身份运行cmd （以下操作均在cmd内进行）
验证是否安装成功 （出现对应版本号即为安装成功）

node -v
npm -v

全局安装cnpm

npm install -g cnpm --registry=http://registry.npm.taobao.org

安装hexo博客框架

cnpm install -g hexo-cli

新建一个blog文件夹

mkdir blog

cd blog
hexo init

生成博客文章

hexo n "#文章题目#"

在github新建个人仓库
安装部署插件

cnpm install --save hexo-deployer-git

设置博客根目录下的_config.yml文件，更改如下

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: #你的仓库地址#
  branch: master

部署到远端

hexo d

至此一个基于hexo框架的博客已经搭建完成了，在浏览器中输入该博客的仓库地址，就访问你的博客页面啦！

如果对博客的主题有更高的要求，这里推荐一个简洁优雅的hexo主题yilia，也是我正在使用的一款主题。

Hexo博客的功能维护

一.更换主题：

在博客根目录下以管理员身份运行cmd
键入如下命令

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

打开博客根目录下的_config.yml文件，更改如下

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: yilia

二.修复bug

推荐两个总结的比较全面的方案

2021.11.03

修复matery代码复制格式错误的问题参考

综上分析，解决办法为找到文件themes\matery\layout\_partial\post-detail.ejs
找到copyright复制版权信息的代码，位置大约在222行左右，修改if条件判断内容为CODE即可

// otherwise the text inside "pre" loses all the line breaks!
if (selection.getRangeAt(0).commonAncestorContainer.nodeName === 'CODE') {
    newdiv.innerHTML = "<pre>" + newdiv.innerHTML + "</pre>";
}

三.基于Markdown进行文档编辑

Markdown文档编写指南

四.其他

根据个人需要自行修改即可

一点小心得

刚开始搭建的时候觉得新奇好玩，当晚就想搭建好，确实也遇到了许多坑，查了不少资料，也出了不少乱子，能解决的就想办法解决了，解决不了就删掉原有的，从零开始再建一个，我还记得自己当时走投无路去私信一个哔站技术up，哈哈，当时真是太天真了。

有了前两次的经验，在搭建第三个也就是现在这个博客的时候，初期的规划和流程也更加熟练，但每一步都更加小心谨慎，每做一次修改就备份一次，细水才能长流，只有步步为营，才能到达成功的彼岸。

起初对yilia进行bug修复的时候，我给yilia添加了许多的附加功能，这虽能让博客看上去更加丰富，但毕竟是些表面的东西，而且添加的越多，就意味着读取的包袱越重，于是在后来的调试中，我又逐渐将之前添加的一些可有可无的功能删除或者关闭，只保留下了一些必要的修改，所以包装的再好没有内容又有什么用呢？专业的事留给专业的人去做，要善于利用现有资源，要知道，简单才是真！

写于博客搭建之初——故事开始的地方

2020-03-23 01:00:13

我又回来啦！

2021-01-16 10:51:08

咳咳，宣布个事情，我又回来了！

2020年年初因为疫情在家，时间充裕，搭建了这个博客，但是维护起来有点麻烦，在这一年的时间里自己又陆续做了几个小工程，想要总结一下。本想换一个不用自己维护的博客继续记录生活，看了几个做的比较好的博客平台，又回来对比了一下我自己搭建的博客，虽然自己搭建的博客刚进入页面会卡，读取数据也不快，优化也没有人家的好，但是里面的每一处亮点都是自己查资料学着配置的，看着自己刚搭建好时写的几篇文章，嘿，我怎么这么厉害，能写这么多，我竟然完成了这么大一个工程，最终决定还是自己的博客更耐看。

好长时间没有更新，再来用的时候发现好多指令已经不熟悉了，这里记录一下：

运行hexo指令的两种方式

Git Bash Here
在此处打开Powershell：按住Shift点击右键

新建文章

hexo n "***"

本地预览

hexo s

发布博客

hexo clean -> hexo g -> hexo d

github搭建图床

“配制过程”按这个配置就行了。

博客域名相关

在本地生成CNAME文件

touch CNAME     //在source文件夹下生成CNAME文件

自定义博客域名

Hexo个人博客绑定域名
打开CNAME文件，里面存入自定义域名

之后发布到github的时候，博客地址就会绑定到自定义域名。

解决Hexo clean导致CNAME文件被删问题

hexo部署后，CNAME会被自动删除，怎么办？

整个public文件夹是执行hexo g后生成的，若执行hexo clean会把整个public连同CNAME文件夹删掉，在重新执行hexo g后生成的public文件夹里肯定没有我们手动添加的CNAME文件

解决方法是把CNAME文件放在source文件夹下，而不是public文件夹，在执行hexo g命令时，会把source文件夹下的CNAME文件原原本本地复制到public文件夹下，即使执行hexo clean后，下次重新编译还是会复制过去，这样就解决了问题。

其实还有很多其他的文件如果想编译后放在public文件夹下，都可以先放source文件夹下，在hexo g编译后就会复制到public文件夹下。

云服务器相关

待续 ……

博客备份

按这个备份、还有这个

悄悄地告诉你个秘密，我两个都不用，因为目前不会操作，人生苦短，我用硬盘。

留下个任务

用树莓派部署博客
 Nanopi架设Hexo个人博客服务器

2021.03.02

如何使用NanoPi：

可以用PUTTY进入程序界面，也可以用XSHELL进入

静态网页和动态网页区别如下：

静态网页是相对于动态网页而言，是指没有后台数据库、不含程序和不可交互的网页。编的是什么它显示的就是什么、不会有任何改变。静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。另外,如果扩展名为.asp但却没有连数据库,完全是静态的页面,那也是静态网站.只是.asp扩展名。

动态网页和静态网页是有区别的，网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少，如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会更简单，反之一般要采用动态网页技术来实现。不过现在一般的都是采用的动态网站，有内容更新的话就可以随时在后台来更新。（搬运自百度）

Apache和Nginx对比

总结：部署博客用Nginx足矣

2021.03.06

原本以为要忙于内网穿透，但是现在发现打开命令框、看到启动信息都成问题

2021.08.15

NanoPi New3 1GB版本，出手，自己整服务器这事儿先告一段落

2021.10.23

树莓派博客网站服务器成功搭建，经过这一段时间的磨练，能明显感觉到自己发现问题、思考问题、解决问题的能力有所提高，从入手树莓派到服务器搭建完成，历时15天。

posted @ 2022-02-01 12:08 Ma-Hao 阅读(110) 评论(0) 收藏举报

刷新页面返回顶部

Ma-Hao