最近心血来潮,突然想搞一个自己的博客,虽然很早之前按就在博客园上注册过,总感觉有那么一丢丢low。网上查了查,发现Wordpressh和Hexo都还行,都支持安装自定义主题。Wordpress需要本地的数据库和支持后台操作,相比较下Hexo更加轻量级,那就这么愉快的决定了,let's get it!
准备工作
- 安装Node.js和配置好Node.js环境。
- 安装Git和配置好Git环境。
- 申请github账号,后面需要将项目上传至github上,使用它的服务器上线。
安装Hexo
- 全局安装Hexo,在自己认为合适的地方创个文件夹,在这个文件夹目录下打开命令行,执行下列代码。
npm install hexo -g
- 检查hexo是否安装成功,如果出入一大堆版本号,就是成功了。
hexo -v
- 在该文件夹下初始化hexo
hexo init
看到后面的“Start blogging with Hexo!”,就代表成功咧,激不激动噻!
- 安装hexo运行所需要的组建,建议在网络好的情况下进行,不然丢包出错真的不好查。。。
npm install
- 编辑静态文件,手不要贱,等着就行。
hexo g
- 启动hexo本地服务器,根据提示在浏览器中输入网址。
hexo s
如果端口号被占用,执行下列代码
hexo server -p 端口号
-
如果出现下图就代表成功了
关联github
- 确保自己使用的电脑已经有生成公钥和密钥,并且在github上已经设置好。测试连接代码如下。
ssh -T git@github.com
- 在github上创建一个新的仓库,项目必须要遵守格式:账户名.github.io,不然不能使用它本身提供的服务器。
- 配置Deployment,在根目录下找到_config.yml文件,修改deploy,一般在文件的最后面。repository后面改成自己仓库的SSH链接地址。
deploy:
type: git
repository: git@github.com:hzy1735/hzy1735.github.io.git
branch: master
- 安装一个模块,用来进行自动打包提交。
npm install hexo-deployer-git --save
- 制定打包提交命令
hexo d -g
- 如果没有error,就是部署成功了,输入http://用户名.github.io,即可浏览自己的博客了
编写博客
- 在根目录下,命令行中输入下列代码,自动创建一个后缀为md的文件
hexo new post “博客名”
- 由于Hexo的博客都是md文件,所以需要学一下md的语法,其实很简单,自行百度去吧。我是用vscode编写的,安装一个Markdown Preview Enhanced插件,就可以预览写出来的东西,vscode真牛逼!!!
- 编写完成后,在执行打包提交代码,就能对线上的博客进行更新了。
hexo d -g
以上就是安装hexo和上线的操作咯,接下来还有更高级的操作咧。