大概步骤:
搭建环境
安装NodeJSwindows下的NodeJS安装是比较方便的,到NodeJS官网下载安装安装完成后可以在cmd中输入node -v查看是否安装成功,由于NodeJS已经集成了npm,所以可以通过npm -v查看安装版本信息
安装Git因为需要发布到Github,所以需要安装GitGit的官方下载地址
可以通过git –version查看版本信息
安装Hexo新建一个目录用于安装Hexo,如D:\lsjkobe\blog进入到这个目录下,这里说一个技巧,在当前目录下按住shift,然后🔊鼠标右键,选择在此处打开命令窗口,可以在当前目录下快速进入到cmd
在命令行中输入:
npm install hexo-cli -g
完成之后如图所示,然后在命令行中输入:
npm install hexo –save
安装完之后如图所示,在命令行输入以下命令查看hexo安装信息:
hexo -v
配置Hexo接着上面的操作,在命令行中依次输入:
hexo initnpm install
npm install会下载相关的依赖,这时候环境基本已经搭建完成
可以本地体验一下了
体验前先来熟悉一下hexo常见的命令
hexo s :启动本地服务器hexo g :生成网站静态文件到默认设置的 public 文件夹hexo d :自动生成网站静态文件,并部署到设定的仓库hexo new “xx” :新建一篇标题为xx的文章hexo clean :🔊缓存文件 db.json 和已生成的静态文件 public
首先先在命令行中输入:
hexo g
生成网站静态文件
然后在命令行中输入:
hexo s
这样就代表启动服务器成功,默认地址:http://localhost:4000/
在浏览器输入http://localhost:4000/
配置Github
创建一个[youname].github.io的仓库登录github后,🔊页面右上角的[+]按钮然后🔊[New repository]新建一个仓库
进到仓库页面后按照图片的格式创建
创建成功会看到这样界面
这时候🔊README或其它的随便创建一个文件,创建完成后🔊Settings去设置github pages
如图红色框中选择master branch和🔊save保存这时候🔊Code去拿到仓库地址
然后去到本地博客的根目录下站点配置文件_config.yml中配置,比如我的仓库地址是https://github.com/lsjkobe/lsjkobe.github.io.git,那么配置如下
deploy:type: gitrepo: https://github.com/lsjkobe/lsjkobe.github.io.gitbranch: master
这样hexo和github pages就关联起来了,这时候就可以通过在命令行中输入:
提醒:跑下面命令前需要先安装一个插件,通过命令:
npm install hexo-deployer-git –save
hexo ghexo d
这样就把博客部署到github pages上了,这时候可以通过https://yourName.github.io 访问到你的hexo博客了
发表文章
在命令行中输入:
hexo new “Hello World”
会在根目录\source_posts下新建一个叫Hello World的markdown格式的文件,这个就是新建的文章,可以通过markdown编辑器编辑你的内容,编辑完成后
可以重新在命令行中输入:
hexo ghexo d
这时候再打开https://yourName.github.io 就会能看到新发布的文章了