搭建个人博客不仅可以展示个人作品与专业成果还记录成长历程,分享知识技术,打造一个专属个人博客网站。所以今天教大家hexo博客系统搭建并部署到github的教程,
程序介绍
Hexo是一个快速、简洁且高效的博客框架程序。Hexo使用Markdown标记语言解析文章,在几秒内,即可生成一个好看的静态博客网站,无需数据库,纯静态,迁移搭建非常简单
安装教程
首先先来安装git,大家可以前往官网自行下载,推荐下载最新版的git
点击这里进入git官网
然后我们来安装Node.js,Windows可以通过nvs或者nvm安装,Linux建议从NodeSource安装。
如果以上方法不会搞,可以去Node.js官网下载
Git和Node.js安装完成后,就可以使用npm安装Hexo博客了
sudo npm install -g hexo-cli
通过终端cd命令进入相应的目录,然后创建文件夹,这里的blog可以自定义
hexo init blog
然后找到blog文件夹,在文件夹中执行命令
npm install
这时hexo博客就已经初始化了,初始化后,您的项目文件夹将如下所示:
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes
执行如下命令,开启本地Hexo博客
hexo s
接着我们在浏览器地址栏输入http://你的ip地址:4000,这时候hexo就搭建好了
接下来教大家如何将hexo部署到github上面。
我们先打开github官网,登录上你的账号,没有账号选择注册一个
然后新建一个存储库,名字叫:xxxx.github.io,xxxx处填你的github用户名,填其他均不可以,比如你的用户名是blog,那么这里就填blog.github.io。
勾选Initialize this repository with a README,然后完成创建
把GitHub Pages功能开启
接着我们修改hexo的全局配置文件。找到blog这个文件夹中的_config.yml文件,在最底部加入以下代码:
deploy:
type: git
repository: https://github.com/xxx/xxx.github.io.git
branch: master
把repository里的xxx全部改成你github的用户名。当然直接复制地址栏也可以。
然后配置身份信息,终端输入以下命令,自已修改配置
git config --global user.name "你的用户名"
git config --global user.email "你的邮箱"
然后在blog文件夹中执行生成静态网站地址
hexo g
在输入命令启动
hexo d
这时候输入你github的用户名密码。完成上传之后,通过http://你的用户名.github.io/访问即可
后续可以自已把域名修改成自已的