零成本、低代码搭建简洁美观资源网站
前言:本人也是笨比新手,文章可能有写的不当之处,请大佬多多包涵,如果有好的建议的话也欢迎提出
 
很多时候我下载gal都是通过资源站下载的,于是想着自己能不能也做个资源站。结果去了解一下关于建站的方面:买服务器、买域名、买CDN、SSL证书、还要做网站防护……整体下来并不简单,而且开销很大(学生党表示无法承担),光服务器一年几百就买不起了——更重要的一点,面临被举报请喝茶封站的危险。
 
于是我思考:有没有一种建站方案,既简单好操作、还不用花钱、访问流畅功能够用还简洁好看。于是发现了hexo建站,并自己建了一个。
 
 
看起来还不错,访问挺流畅的。
首先是安全性,毕竟安全第一,谁也不想喝茶。网站托管在netlify上,不需要实名认证(保护个人信息);唯一需要的是邮箱,邮箱我用的国外不需要电话号码的邮箱(保护个人信息),还是比较安全的;域名我用的netlify提供的免费二级域名,不用部署SSL证书。全程下来个人信息防护做的比较好,只要开网站不疯狂试探、不在网站上疯狂透露个人信息,还是比较安全的。
其次是成本,github和netlify注册都不要钱,没有花一分钱。。
 
如何搭建?
需要:一台电脑、一个邮箱、下载and百度的能力。
下载的时候注意你电脑是32位还是64位操作系统,下载安装对应版本。直接一路next就好
接着安装node.js,下载 | Node.js 中文网 (nodejs.cn)选择长期支持版本,根据电脑系统下载,也是一路next就好。
安装成功后win+r输入cmd,分别使用 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有着很多丰富的主题,这里我选用了butterfly主题,原因是这款主题自定义程度高、功能丰富强大、美观漂亮。参考官方文档:Butterfly 安裝文檔(一) 快速開始 | Butterfly
值得注意的是,github在国内处于半墙状态,如果你第一步下载主题都下载不下来,换成这个代码,用镜像站下载:git clone -b master https://bgithub.xyz/jerryc127/hexo-theme-butterfly.git themes/butterfly
之后按着文档美化你的网站就好了。
 
如何预览网站?写文章发资源
到现在为止你的网站还没上线,还不能访问。再开始之前先学一些指令:
hexo new "文章名"——生成一篇文章;
hexo new page "页面名"——生成一个页面;
hexo g——生成静态资源;
hexo s——本地预览网站(访问https://localhost:4000)。
hexo d——将网站部署到云端
关于写文章,需要学习markdown语法。markdown语法难度不大(起码比html和css简单)5分钟学会Markdown基本语法 - 知乎 (zhihu.com)
 
上线网站第一步:托管到github
首先在github.com注册个账号,建议挂梯子注册(经常打不开),有些用户注册github账号时可能会遇到Unable to verify your captcha response报错。解决方案:
• 升级浏览器内核:直接下载安装最新版chrome或者Microsoft edge浏览器即可。
• 把github域名添加到hosts文件中,可以自行百度,
 
总之就是注册个账号!
注册成功后,在github首页单击头像->Your repositories 在自己的 GitHub 账号下创建一个新的仓库,命名为 username.github.io(username是你的账号名)。
注意:不要自己乱命名,否则可能出错,username改成你自己的账户名,比如我叫gho6,我就命名为gho6.github.io 还有,你的账户名和用户名不是同一个东西,要注意
接下来进行git配置,鼠标在电脑任意位置右键,Open Git Bash here
输入
git config --global user.name "这里填你自己的账户名"
git config --global user.email "这里填你的注册邮箱"
 
enter键,输入代码:
ssh-keygen -t rsa -C xxxxx@xxxxx.com
# -C后面加你在github的用户名邮箱,这样公钥才会被github认可,
less ~/.ssh/id_rsa.pub
 
这一大串数字是你的公钥
复制这串数字,单击头像->settings,在设置页面找到SSH and GPG keys,单击New SSH key新建SSH KEY。
title部分随便填,重要的是key,把你复制的东西粘贴到里边去,保存
在git bash测试sshkey是否添加成功,输入:ssh -T git@github.com
之后无脑yes和enter,如果显示“You've successfully authenticated, but GitHub does not provide shell access.”就说明成功了
 
在博客根目录右键->Git Bash Here,输入:
npm install hexo-deployer-git --save
安装插件(防止没装上)。在博客的_config.yml文件(不是主题目录下的!!)修改底部:
deploy:
type: 'git'
repository: git@github.com:你自己的账户名/你自己的账户名.github.io.git
branch: main
 
注:改配置文件时一定要注意空格!部署失败大部分都是因为没有空格失败的!
若以上内容已经准确配置,在博客根目录下右键->Git Bash Here,输入:
hexo clean
hexo g
hexo d
不出意外,就可以在浏览器上输入https://username.github.io访问你的博客了。 (记得替换username为自己的用户名。
 
提升速度:托管到netlify
如果不出意外的话,就要出意外了
 
原因是github服务器在国外,国内处于半墙状态,你挂梯子就可以成功访问了。这样的网站远不符合我们的预期,于是选择其它代码托管平台。
 
这里我最推荐netlify,netlify的优点是简单、安全、速度快。github不用实名认证,但速度慢;gitee速度快,但要实名认证、部署麻烦(小心被举办去喝茶)。
 
登录官网后,点击右上角的sign up注册账号,支持关联github账号。如果它要拉取你的github仓库,选择同意。
 
但是有人反映没有拉取github仓库的提示,那么按照提示注册完成后在首页点击Add new site,选择Import an existing project。
之后会提示你关联账号选择已有项目。选择登录github,之后选择我们的博客静态页面仓库。
这样你就有自己的二级域名啦!已经可以访问了。
 
不过netlify分发的二级域名太长太难记,我们可以自定义:
在左边点击sites选项,点击右边窗口里的东西:
 
找到侧栏的site configuration,点击右边窗口“Change site name”,自定义域名(有些域名被别人占了所以你自定义不了)。
然后恭喜你有一个自己的网站了!
每次更新网站时,只需要在博客根目录git bash here,
hexo clean
hexo g
hexo d
网站就更新好了!
 
进阶技巧
2.资源下载:推荐搭建个Alist网盘,成本0-1块,教程参考:https://wwt.lanzouo.com/b04r180lc密码gst8
3.真正的自定义域名:花钱买域名,建议买国外厂商提供的域名(国内会查水表),教程参考使用第三方托管平台部署博客 | Akilarの糖果屋
 
2024-02-15
浏览4062
🧐GAL工具|教程(萌新必看)
登录后评论
10
23