零基础搭建个人博客
基于Hexo,github搭建博客
一、准备工作
1、安装Node.js
因为需要下载前端依赖
2、下载Hexo
因npm下载Hexo为国外地址,可以换成淘宝的镜像仓库安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install -g hexo-cli
二、本地准备
1、创建目录
Hexo的所有文章都是以文件的形式存储在目录下的,所以首先需要新建一个目录,例如创建一个:blog文件夹,在此目录下操作。
2、初始化Hexo
创建好目录后进入当前文件夹dos命令下,进行初始化
hexo init
3、生成静态资源,并启动
在当前文件夹dos命令下
hexo g #生成静态资源
hexo s #启动服务
启动项目完成
三、项目部署
部署项目公网访问
1、在github上创建一个仓库
注意:仓库名一定要写成
用户名.github.io
例:xincen-cn.github.io
2、本地配置yml文件
打开本地Hexo目录中_config.yml
文件
找到deploy
配置如下:
deploy:
type: git
repo: https://github.com/****/** #你的仓库地址
branch: master
3、本地安装Hexo 中git插件
npm install --save hexo-deployer-git
4、 部署项目启动
hexo clean #清楚之前的样式数据
hexo g #生成新的静态资源
hexo d #上传资源到你的github上
以上全部完成个人博客就已经搭建起来了
四、添加文档和修改主体
添加博客文档
在blog目录下dos命令下
hexo nwe "文件名"
会在source/_posts目录下生成Markdown文档,直接打开编辑想要添加的内容就可以了;
也可以手动在source/_posts目录下创建Markdown文档
修改主题
1、在Hexo官网或者github上面下载自己喜欢的主题
2、将下载好的主题文件放入`themleaf`文件夹下
3、修改`_config.yml`文件,找到theme
#theme: 下载主题文件夹名
theme: next #注意:“theme:”后要带一个空格
以上做好重新清除、生成、上传就好了。