前言:如你所见,这个标题里带着“一”字,难不成还有二、三、四?的确如此。我之前见过一堆shit网站,总开销34元(学生党致力白嫖)。目前你所正在用的这个网站,全开销0元,访问起来还挺流畅,网站还挺好看。于是准备开个系列分享——或许会有些错误(本人不是学计算机的且从小学四年级到高三整整九年没碰电脑,大佬不要喷我这个小白),欢迎指正!如果有其他好的方法也欢迎分享!


# 本篇主题:hexo+托管平台,实现0成本建站

首先了解一下hexo:hexo是一个简洁高效、免费的博客框架,这些漂亮的站点也是以hexo为框架的:
Akilarの糖果屋
安知鱼
所以不必担心免费的站点不好看、功能不全。顺便一提,本网站也是以hexo为框架的。


# 预备工作:安装必要软件

安装Node.js

安装git

安装成功后分别使用git --version和node --version命令测试是否安装成功,安装成功后会显示版本号,没有的话就是你安装不对。

安装hexo:首先需要建立博客文件夹,建议建在非系统盘,例如D:/Hexo/(接下来都会以这个目录为例子),那么这个目录就是我们博客的根目录了。接下来在hexo文件夹里右键-Git Bash Here,复制一下代码粘贴+enter:

<font color=red>npm config set registry https://registry.npmmirror.com

npm install hexo-cli -g

hexo init</font>

接下来依然在hexo文件夹下git bash,装插件:

npm install hexo-generator-index --save

npm install hexo-generator-archive --save

npm install hexo-generator-category --save

npm install hexo-generator-tag --save

npm install hexo-server --save

npm install hexo-renderer-marked --save

npm install hexo-renderer-stylus --save

npm install hexo-generator-feed --save

npm install hexo-generator-sitemap --save

npm install hexo-admin --save

npm install hexo-deployer-git --save


到这里基本已经好了。接下来学习一下基本指令:

hexo clean——清除缓存

hexo g——生成静态网页文件

hexo s——本地预览

hexo d——部署到云端

hexo new "111"——新建一篇名字为111的文章

hexo new page xxxxx——新建一个名为xxxxx的页面


接下来你需要自学Markdown语法用来写博客,语法不难(至少比html和css简单)


# 部署到某些平台

有很多平台,比如gitee(速度快,实名认证,免费分配域名)、github(速度慢,不用实名,免费分配域名)Vercel(速度较快,不用实名,免费分配域名)Netlify(速度较快,不用实名,免费分配域名)

我自己的建议,首先gitee是实名认证的,速度很快(估计是四个里边最快的),但审核要更严(如果你想做些奇怪的事就别用这个)github国内总访问不开,不过你可以配上cloudflare。我推荐netlify和vercel。这两个比较快而且安全。

由于本人比较懒不想再继续写了,而且网上部署教程很多,于是推荐这些:

1.https://akilar.top/posts/812734f8/

2.https://www.bilibili.com/video/BV1ts4y1f7Gu/?spm_id_from=333.337.search-card.all.click&vd_source=8da73da88cc8aea936d6cad8f00a442d


最后关于主题选择问题:主题可在https://hexo.io/themes/和https://bgithub.xyz/topics/hexo-theme 下载。不同主题有不同的配置方案,动动手和脑就好。

我推荐的主题:

1.butterfly 自定义程度高、可以魔改、酷炫而且功能丰富,代表站:Akilarの糖果屋
安知鱼

2.next 非常简洁好看,不花里胡哨AHdark's Blog

3.shoka 本站的主题,效果如你所见,酷炫+听歌方便

4.Aurora 酷炫好看预览站

5.galgame 仿照网站“忧郁的弟弟”,效果“忧郁的弟弟”的网站用户知道

6.Fluid 效果青桔网用户知道,简洁美观