发布于 

搭建博客

主页链接—Aning
因为看到很多炫酷的个人博客网页,所以就很想做一个自己的网页界面,经过一番探索和搜集网络教程后,我总结一下大致流程和我踩过的坑叭
注:以下终端Linux

前提软件

需要终端已经安装以下软件
Github(产生网站端—.io域名)

Node.js(安装Hexo—npm命令)

Hexo(配置网站各种个性化主题)

Github

在github中新建仓库创建github pages,仓库命名为——username.github.io

blog1
blog1

详见官方文档
创建网址.github.io域名网站

Node.js

以下为Linux端口安装软件node.js软件

版本选择——建议选择稳定版本18.8.0
下载压缩包

1
wget https://registry.npmmirror.com/-/binary/node/v18.18.0/node-v18.18.0-linux-x64.tar.gz

解压并删除压缩包

1
tar -zxvf node-v18.18.0-linux-x64.tar.gz && rm -f node-v18.18.0-linux-x64.tar.gz

将解压后的文件夹改名为nodejs放入软件的文件夹中

1
mv node-v18.18.0-linux-x64 /tools/nodejs

最后配置环境变量 .bashrc即可

1
export PATH="${PATH}:/tools/nodejs/bin" 

查看版本

1
node -v

Hexo

安装软件——详见官网

1
npm install -g hexo-cli

创建theme文件夹并进行初始配置

1
2
3
hexo init theme
cd theme
npm install

个性配置

安装主题

也可以安装Next主题,不过这个主题太多人用了,我就找了另一个大佬的主题,详见

1
npm i hexo-theme-stellar

修改theme文件夹中的_config.yml 主题配置

1
theme: stellar

因为要推送到git,同时添加一下网址

1
2
3
4
deploy:
type: git
repository: git@github.com:Aning-Q/Aning-Q.github.io.git #自己的仓库地址
branch: master #分支也要对应

注:推送时可能会因为分支冲突,github pages可以修改分支端

blog2
blog2

首次创建主题需要部署一个插件将其发布到git中

1
npm i hexo-deployer-git

安装成功后,执行

1
hexo clean && hexo g && hexo d

hexo clean——清楚缓存
hexo g——创建静态网页
hexo d——推送git,原理就是将public文件夹中内容的推送至github中

推送成功后打开username.github.io即可看到网址端更新成功啦!

后续更新将.md文件放入source文件夹的_posts 文件夹即可

网站个性化配置

主要是两个文件的配置

  • theme文件夹的_config.yml
  • theme/node_modules/hexo-theme-stellar文件夹的_config.yml

在Google中检索到个人网站

  • 网站认证
  • sitemap站点
    后续再更新~~~