一个学计算机的学生竟然一直没有自己的博客。。。今天来试着搭建一个静态博客,很简单
一、环境准备
1、安装Nodejs
进入官网https://nodejs.org
选择LTS下载后安装
2、安装Git
进入https://git-scm.com/downloads自行选择
3、安装Hexo
(1)新建一个空文件夹,在空白处右键打开Git终端页面Git Bash Here
(2)安装npm搭载镜像到淘宝:
npm install -g cnpm --registry=https://registry.npm.taobao.org
(3)查看nodejs和npm是否安装成功
(4)hexo安装
#安装hexo
cnpm install -g hexo-cli
cnpm install hexo --save
#查看是否安装成功
hexo -v
进行关键操作,新建(初始化)整个项目,注意此时文件夹应是空的,不然会报错
hexo init
cnpm install
成功后会在该文件夹下自动生成一些文件
二、本地部署
1、启动测试
#启动Hexo本地服务
hexo server
打开浏览器输入:http://localhost:4000/
出现博客页面说明本地环境搭建成功
2、编辑博客
#新建一个Markdown文档叫做firstblog
hexo n firstblog
#编辑博客内容
vim firstblog.md
保存退出后,执行下面三条命令(写博客必备)
#清理缓存,避免没必要的出错
hexo clean
#generate生成
hexo g
#启动服务,s是server的简写
hexo s
三、远程部署
1、登录GitHub
登录后新建一个仓库,命名你的用户名.github.io
(因为我是建完后截的图,警告可忽略掉)
2、修改配置文件
#先装一个提交任务的插件
cnpm install --save hexo-deployer-git
#修改配置文件
vim _config.yml
#在内容末尾添加三行配置,repo:仓库地址,其中用户名换成自己的
deploy:
type: git
repo: https://github.com/wyangyy/wyangyy.github.io.git
branch: master
3、部署测试
# hexo deploy
hexo d
打开浏览器就可以远程访问自己的博客了~
https://wyangyy.github.io/