Skip to content

Hexo快速开始

前言

腾讯云服务器和域名闲着也是闲着,想着不如搭个博客玩玩吧,话说回来,这服务器闲了也有一年了吧,笑。另外本篇写的是搭在github上,自己服务器的话配个git仓库就行了,这个后面另写吧。

本篇使用github对博客进行备份同步,使用github pages进行托管。

Git基本操作

博客是用hexo搭的,基本是个成品,只要学会部署和稍稍修改下主题就可以很愉快的使用了。

hexo的一个好处就是可以放到github上去,不需要另外购买域名和服务器(当然真想搭在自己的服务器上也行,我就是这么做的),那么可想而知的是需要用到git。

本地git安装

首先肯定是要下载安装包:git下载地址

下载64位安装版本(如果使用32位windows则选择32位版本,windows11直接下载64位版本),双击安装。

添加勾选'Add a Git Bash Profile to Windows Terminal'选项,其余选项不变,然后一路next安装。

git使用

打开

首先,初始化,右键鼠标,或者直接在程序菜单里找到“Git Bash”,打开

好了,现在的默认窗口其实不怎么符合我们的审美,但是我也并不打算在这里写什么美化教程,毕竟这里只写基本操作(其实就是想再水一篇文,笑)

打开windows Terminal即可。(中文软件名为终端,是windows11自带的软件,windows10可在微软应用商店即Microsoft Store下载安装)

配置全局信息

sh
git config --global user.name "用户名"
git config --global user.email "邮箱"

生成ssh key

sh
ssh-keygen -t rsa -C "邮箱"

配置github的ssh免密

然后在C:\Users\"你的windows用户名"\.ssh这个文件夹中,打开id_rsa.pub文件(以文本方式打开),将其中的内容复制。

在github的设置里面,添加新的SSH keys,将复制的内容粘贴到Key中,Title(标题)随便填。

创建github仓库

github新建一个私有仓库,用来备份博客,仓库名随意,我创建的仓库名为“writeblog”。

创建仓库方法:点击加号,选择下拉框中的New repository。

再新建一个公共仓库,用来托管博客,仓库名为“用户名.github.io”

创建完成之后,尝试使用ssh克隆仓库到本地

更多

更多git相关操作,可以参考我的另一篇博客git基本使用,此处用不到就不再赘述。

Node.js使用

本小节内容全部过时

本小节内容全部过时

本小节内容全部过时

请直接参考在windows下使用nvm安装管理nodejs进行操作。

完成后可直接跳转至下一节hexo使用

以下为原文,也可以使用,但不是推荐的方法

在git准备好之后,接下来要在本机安装node.js,hexo就是基于此的

Node.js下载

网址:Node.js下载地址

我下载的12.14.0,下载完成后直接安装,还是一路next,然后检查是否成功

shell
node -v
npm -v

分别使用上面的两条命令,如果能输出版本号即可。

Node.js基本配置

npm默认源由于众所周知的原因,非常慢,所以这里首先要换源,才能愉快的玩耍。

这里通过nrm插件实现,首先安装nrm插件,下载源指定为淘宝源,避免先有鸡还是蛋这种事

shell
npm install -g nrm --registry=https://registry.npm.taobao.org

nrm下载完成之后,可以查看默认可用源

shell
nrm ls

选择使用淘宝源(或其他源)

shell
nrm use taobao

OK,基本配置完毕

hexo使用

hexo安装

sh
npm install hexo-cli -g
npm install hexo -g

初始化

进入一个空文件夹,然后在该文件夹中按住shift,鼠标右击,选择打开powershell窗口,执行

shell
hexo init

如果遇到powershell无法执行脚本的错误,请参考powershell运行脚本由于众所周知的原因,下载的有点慢,耐心等会

然后选择在vscode中打开。

配置

此小节的配置已被本人弃用,但依旧可用可直接跳转至下一节本地测试

修改./package.json文件中的scripts

json
"scripts":{
    "deploy": "hexo clean && hexo g -d",
    "start": "hexo clean && hexo g && hexo s"
},

本地测试

在vscode中按ctrl+`打开终端,执行

shell
hexo clean
hexo g
hexo s

然后在浏览器中打开网址

http://localhost:4000

可以看到页面则测试成功。

在终端Ctrl+C结束。

提交到github

修改./_config.yml文件,在最末尾的deploy:

yml
deploy:
  type: git
  repo: "用于托管的github仓库的ssh地址,地址可通过下图方式复制"
  branch: main

安装git提交插件

shell
npm install hexo-deployer-git -s

再执行

shell
hexo clean
hexo g
hexo d

提交成功

再浏览器输入网址

shell
https://"用户名".github.io

可以成功访问则配置成功。

备份

新建文件 .gitignore ,写入

node_modules/
.github/
themes/
_config.landscape.yml
package-lock.json
package.json
db.json
public/
.deploy_git/

使用git将本文件夹内容同步至github的备份仓库

sh
git init
git add .
git commit -m 're'
git remote add origin 用于备份的github仓库的ssh地址
git pull --rebase origin main
git push -u origin main

结语

好了,基本的搭建和备份就此完成 ,后面的主题配置及美化,服务器git仓库搭建以及一些其他东西有时间再写

未经许可禁止任何形式的转载