就把这篇文章算做自己的第一篇技术文章吧!以后这个博客就拿来记录自己的一些技术心得。
官方文档已经很详细了,为什么我还要写一遍呢?记录之,巩固之
安装之前的准备
安装 Nodejs 和 npm,推荐使用 nvm 来安装。既然都推荐使用 nvm 了,那就再推荐一下包管理工具 Yarn
安装 Hexo
如果上面安装好了,那现在就特别简单了。
npm install hexo-cli -g #全局安装
npm isntall hexo-cli --save #当前项目安装
以上二选一即可,当然用 Yarn 安装也是可以的
yarn global add hexo-cli #全局安装
yarn add hexo-cli #当前项目安装
初始化
安装完成之后,那就是找个文件夹来初始化博客项目了。随便找个文件夹,运行
hexo init
npm install # 或者 yarn
然后,就好了~
Tips:这里需要全局安装,若不是全局安装,则需要在安装 Hexo 的那个目录下的 config.json 里面的配置相应的命令然后使用 npm 或者 yarn 运行
配置
配置文件为 _config.yml
,配置文件的详细说明 Hexo 配置
这里找到配置文件,就可以为所欲为啦!自己去魔改吧。这里还不能说是魔改,毕竟只是一些基本的配置!
写作
既然是博客,那肯定需要有写作的地方才行啊,所以要怎么写一篇新文章呢?很简单,在博客的目录运行如下命令
hexo new '新文章'
就这样,一篇新文章就这样诞生了,当然还得需要你去充实它~
Tips:文章使用 Markdown 语法来排版,特别好用,不会就赶紧看看吧。十分钟即可入门,两小时即可熟练使用。
测试
写好了文章,那要怎么看效果呢,为怎么知道我写了之后的排版到底是怎么样的呢?简单哟~,一句命令搞定
hexo s
然后在浏览器里面打开 http://localhost:4000 ,就可以预览你的博客啦~
部署到 GitHub Page
GitHub 提供了一个 GitHub Page 页面,咱们就用这个页面来存放自己的博客吧,当然也可以部署到自己的服务器上~,这里就只介绍怎么部署到 GitHub Page 上~
创建 GitHub Page 仓库
创建一个仓库名为 username.github.io
其中 username
就是你的 GitHub 的用户名
添加 hexo-deployer-git 插件
这是一个快速部署到 GitHub 的插件,安装也特别简单,一句命令搞定
npm install hexo-deployer-git
配置 deploy
然后在之前介绍的配置文件中配置 deploy
deploy:
type: git
repo: git@github.com:username/username.github.io.git # 把 username 替换成你自己用户名
部署
万事俱备,只欠东风~
hexo deploy # 或者 hexo d
之后,应该会提示你登陆 GitHub ,登陆之后就会自动部署到你的 GitHub Page ,然后你可以通过访问 username.github.io 来访问你自己的博客
主题
到了这里,你已经可是使用 Hexo 来写博客了,但是呢!默认的主题不好看,对不起,我是外貌协会的,怎么办~没关系,配置文件里面不是有 theme
这个配置项吗,那就说明,主题是可以更改的!
Hexo 主题 这里有很多主题,你只需要下在下来放到 themes
文件夹里面,然后把配置文件里面的 theme
改成相应的主题名字即可,当你再次测试你的博客的时候,你会发现你的主题已经改变了。
更多
到这个时候,估计你应该会有很多问题了,但是呢,你的那些问题都不是问题,你可以查阅 Hexo 文档,以及相关主题的文档来解决你的问题,当然也欢迎在下方留言,我们可以一起交流,讨论~