今天是距离博客初次搭建已经123天
下午捣鼓着差点把博客弄崩
hexo d
之后无法自动生成文章归档信息
搞了半天原来之前误删了之前的一些插件
其实可以通过npm ls --depth 0
查看缺少那些插件
总结了一下当时通过Hexo搭建静态博客的步骤
防止以后再次采坑!
准备工作
安装Git
无论使用那个平台托管,都是需要Git来进行代码管理
使用配置参考之前的文章:Git(一):关于Git的配置使用及常见问题
安装node.js
Node.js 的是一个JavaScript运行环境,这里我们主要使用它来生成我们博客的静态页面。从官网下载最新的安装包进行默认安装就好。
其他准备工作
准备到现在,基本可以开搞,不过博客搭建起来肯定是要发表文章,那么还需要一个markdown编辑器(推荐MarkdownPad2
,自带图床比较方便)
新建github项目
一般通过Hexo搭建的博客可以托管在Github上,Github为每位用户提供了Github Page服务。
首先要在你的github上新建仓库
命名规则应该按照username.github.io
,其中username
指的github账号名
尽量按照命名规则进行命名,如果用其他的来命名会产生二级域名
搭建开始
** 1.安装hexo **
鼠标右键运行Git Bash Here
然后输入npm install hexo
出现如图结果就代表安装成功
** 2.执行hexo命令 **
新建一个空白文件夹,cd切换到该文件夹,依次执行以下命令
hexo init //初始化hexo环境,会生成一些hexo的文件
npm install //安装所需要的npm依赖
hexo generate //生成静态页面
hexo server //生成本地预览
执行完最后一步,访问http://localhost:4000如果出现页面说明已经搭建成功
部署到远程仓库
在上一步中,搭建的博客已经能在本地访问,下一步就是部署到远程仓库,让大家都能访问到
1.配置_config.yml
找到新建文件夹下面的_config.yml
,这是博客的全局配置文件
找到deploy
,改成如下格式
deploy:
type: git
repo:git@github.com:username/username.github.io.git
branch: master
username
换成自己的用户名(如果按照上面命名规范来的话)
最后在执行hexo deploy
现在就可以在浏览器中访问http://username.github.io了
其他一些小知识
hexo clean
可以用来清除缓存,运行之后就可以清除上次生成的静态页面文件
一下命令都可以缩写
hexo generator --> hexo g
hexo server --> hexo s
hexo deploy --> hexo d
更多内容请访问个人博客Logan’s blog