抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >

用hexo搭建个人网站

前言

未成年,所以域名无法备案,然后网站前几天挂了,本来想用来做新生实践课的大作业,然而ddl

来了,网站却用不了

虽然我启用了81端口,nginx也监听了相应端口,然而WordPress却没有改配置(踩坑)。于是进去后就只是一个html。。WordPress管理端是默认端口,于是也没办法管了,只好迅速配一个hexo,刚好自己也准备做一个,只不过太忙了(所以现在更忙了,淦)

开始

你需要github或者gitee的账号,以及git的基本操作知识

我的环境是Ubuntu。

要求:最新版本的nodejs、npm、git。具体安装 or 更新方法不在此赘述。

请在自己的电脑上!而不是云服务器!

使用npm安装hexo

1
sudo npm install -g hexo -cil

建站

请全部用sudo(不然会出现权限问题)

1
2
3
hexo init <folder>
cd <folder>
npm install

若报错:

1
2
3
4
5
6
console.js:39
throw new ERR_CONSOLE_WRITABLE_STREAM('stdout');
^

TypeError [ERR_CONSOLE_WRITABLE_STREAM]: Console expects a writable stream instance for stdout
......

请更新npm和nodejs

同时请保证文件夹内是空的!

新建完成后,指定文件夹的目录如下:

1
2
3
4
5
6
7
8
.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes

_config.yml:网站的 配置 信息,您可以在此配置大部分的参数

启动服务器。在路径下,命令行(即Git Bash)输入以下命令,运行即可:

1
hexo server

浏览器访问网址: http://localhost:4000/

至此,您的Hexo博客已经搭建在本地。

部署

gitee新建仓库,名为自己的用户名

进入项目文件夹:

1
sudo vim _config.yml 

编辑theme来修改主题

1
theme: volantis

终端输入(要在项目文件夹):

1
npm i hexo-theme-volantis

编辑_config.yml

1
2
3
4
deploy:
type: git
repo: git@gitee.com:himmi/himmi.git #或者https等等
branch: master

安装插件,要在站点目录下执行以上安装:

1
sudo npm install hexo-deployer-git --save

如果已经在其他目录安装了hexo-deployer-git插件,可以使用以下命令卸载该插件:

1
npm uninstall hexo-deployer-git --save

然后

1
sudo hexo deploy

至此,部署完毕。

剩下的配置请参考hexo的doc,主题的配置参考各自的doc(其实配置才是折腾的地方)

参考

https://hexo.io/zh-cn/

https://www.simon96.online/2018/10/12/hexo-tutorial/

https://gitee.com/help/articles/4136#article-header3

https://blog.csdn.net/mqdxiaoxiao/article/details/95781368

https://segmentfault.com/a/1190000011203711

评论