前言:如你所见,这个标题里带着 “一” 字,难不成还有二、三、四?的确如此。我之前见过一堆 shit 网站,总开销 34 元 (学生党致力白嫖)。目前你所正在用的这个网站,全开销 0 元,访问起来还挺流畅,网站还挺好看。于是准备开个系列分享 —— 或许会有些错误(本人不是学计算机的且从小学四年级到高三整整九年没碰电脑,大佬不要喷我这个小白),欢迎指正!如果有其他好的方法也欢迎分享!
本篇主题:hexo+托管平台,实现0成本建站
首先了解一下hexo:hexo是一个简洁高效、免费的博客框架,这些漂亮的站点也是以hexo为框架的: [Akilarの糖果屋](https://akilar.top/) [安知鱼](https://blog.anheyu.com/) 所以不必担心免费的站点不好看、功能不全。顺便一提,本网站也是以hexo为框架的。预备工作:安装必要软件
[安装Node.js](https://blog.csdn.net/antma/article/details/86104068)安装 git
安装成功后分别使用 git --version 和 node --version 命令测试是否安装成功,安装成功后会显示版本号,没有的话就是你安装不对。
安装 hexo: 首先需要建立博客文件夹,建议建在非系统盘,例如 D:/Hexo/(接下来都会以这个目录为例子),那么这个目录就是我们博客的根目录了。接下来在 hexo 文件夹里右键 - Git Bash Here,复制一下代码粘贴 + enter:
npm config set registry https://registry.npmmirror.com
npm install hexo-cli -g
hexo init
接下来依然在 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 效果青桔网用户知道,简洁美观