云服务器搭建hexo并使用安知鱼主题教程

搭建个人博客不仅可以展示个人作品与专业成果还记录成长历程,分享知识技术,打造一个专属个人博客网站。所以今天教大家hexo博客系统搭建并部署到github的教程,

程序介绍

Hexo是一个快速、简洁且高效的博客框架程序。Hexo使用Markdown标记语言解析文章,在几秒内,即可生成一个好看的静态博客网站,无需数据库,纯静态,迁移搭建非常简单
图片

环境要求
Node.js 版本≥10.13
Git版本不要太低就行
一台电脑或服务器
一个github账号

安装教程

首先先来安装git,大家可以前往官网自行下载,推荐下载最新版的git
点击这里进入git官网
图片
然后我们来安装Node.js,Windows可以通过nvs或者nvm安装,Linux建议从NodeSource安装。
图片
如果以上方法不会搞,可以去Node.js官网下载

Git和Node.js安装完成后,就可以使用npm安装Hexo博客了

1
sudo npm install -g hexo-cli

通过终端cd命令进入相应的目录,然后创建文件夹,这里的blog可以自定义

1
hexo init blog

然后找到blog文件夹,在文件夹中执行命令

1
npm install

这时hexo博客就已经初始化了,初始化后,您的项目文件夹将如下所示:

├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes

执行如下命令,开启本地Hexo博客

1
hexo s

接着我们在浏览器地址栏输入http://你的ip地址:4000,这时候hexo就搭建好了
图片

后续可以自已把域名修改成自已的

接下来就要给hexo安装一下主题了,这里推荐安知鱼主题

我们要从github下载主题文件

1
git clone -b main https://github.com/anzhiyu-c/hexo-theme-anzhiyu.git themes/anzhiyu

接着我们打开Hexo目录下的config.yml, 找到以下配置项,把主题改为anzhiyu

安装主题pug和stylus渲染插件(必要操作)

1
npm install hexo-renderer-pug hexo-renderer-stylus --save

执行以下命令会自动把/themes/anzhiyu/_config.yml此文件到 hexo 根目录,并重命名为_config.anzhiyu.yml

1
cp -rf ./themes/anzhiyu/_config.yml ./_config.anzhiyu.yml

最后在本地重新启动一下hexo

1
2
3
hexo cl
hexo g
hexo s