hexo+github搭建博客

Posted stardee

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了hexo+github搭建博客相关的知识,希望对你有一定的参考价值。

hexo+github搭建博客需要我们先安装git,node.js和github的帐号

搭建过程

在github上我们需要创建一个名为username.github.io的仓库,uesrname为我们的github用户名,然后在设置中启用github page
打开命令行工具进入你想要创建项目的磁盘

新建文件夹

mkdir projectname

进入该文件夹

cd projectname

安装hexo

npm install -g hexo

初始化hexo

hexo init

生成静态页面

hexo g

启动本地服务,主要用于预览效果

hexo s

可以在浏览器中输入http://localhost:4000

打开项目根目录下的_config.yml文件,找到最下的内容改成如下形式,其中username同上为你的github用户名

deploy:
  type: git
  repo: [email protected]:username/username.github.io.git
  branch: master

然后在命令行中执行如下命令

npm install hexo-deployer-git --save

执行部署命令

hexo d

当我们想更换主题时,将下载的主题放在themes文件夹下,并更改根目录下的_config.yml下的theme属性的值为当前主题名称。再按主题所要求的配置进行修改。
有一些主题使用sass,需要我们安装hexo-renderer-sass,我们执行

npm install hexo-renderer-sass --save

很可能是网络问题,导致报错。我们需要使用cnpm安装
如果已经使用npm安装,我们先要卸载hexo-renderer-sass再安装,不然还会报错,如果还是不行那就都删掉,重来一遍

常用命令

每次部署需要使用

  hexo clean(一般并不需要)

  hexo generate(hexo g)#生成静态页面至public目录

  hexo deploy(hexo d)#将.deploy目录部署到GitHub

其他常用命令:

hexo new "postName" #新建文章

hexo new page "pageName" #新建页面

hexo server #开启预览访问端口(默认端口4000,‘ctrl + c‘关闭server)

hexo help # 查看帮助

hexo version #查看Hexo的版本



以上是关于hexo+github搭建博客的主要内容,如果未能解决你的问题,请参考以下文章

使用Hexo+Github Pages 来搭建免费的专属博客

hexo+github pages搭建个人博客

Hexo+Github搭建个人博客

使用hexo搭建博客并上传GitHub

Hexo+Butterfly+Github+Coding搭建个人博客

github + hexo 搭建博客