首页  »   Windows

在windows下创设基于github的hexo静态博客

网友分享于:2015-07-12  浏览:0次
在windows下创建基于github的hexo静态博客

  最近边上的人都突然买起了域名搭起了个人网站,渣渣的我介于期末没事干也跟风搭了个静态博客。虽说博客基本不更新T T,嘛嘛回归正题。

  首先准备工作:

    1)安装nodejs

    2)安装msysgit(虽然现在github的windows版本蛮好用的,不过因为要用到hexo,个人觉得还是gitbash的命令行好用点)安装教程使用教程(必看)

  NODEJS安装

    nodejs的默认安装是c盘的,为了不出麻烦的问题就不改路径了直接存c盘,反正它也不大。(安装时一直下一步就好)

    安装完后win+r 调出命令行后测试 node 

    

    能正常运行则通过

      然后在安装目录下创建两个文件夹node_cache和node_global(需要管理员权限)

    

    再设置npm

    

npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\node_cache

    并在系统变量中加上NODE_PATH,路径为C:\Program Files\nodejs\node_modules\

    

 

  HEXO准备

    通过npm安装hexo

     打开Git命令行(之前已经装了msysgit,那么现在右击任意文件夹或者直接打开gitbash的程序),执行如下命令

    

npm install -g hexo-cli

    装完后记得配环境(确认path中有没hexo的系统变量)变量为 C:\Program Files\nodejs\node_global\node_modules\hexo-cli\bin

  BLOG建立

    在你喜欢的地方建一个任意名的文件夹,我是建了名为blog的,然后在此文件夹中右键打开Git Bash。执行下面的命令

hexo init
[info] Copying data
[info] You are almost done! Don't forget to run `npm install` before you start b
logging with Hexo!

    好了,现在hexo会在当前目录下建立相应的基本文件,当然就像提示说的别忘了‘npm install’,在之前的Bash中继续输入(如果已经关了。。好吧继续在之前建的目录下右击打开git bash)

npm install

    最后,在bash中输入hexo server

hexo server
[info] Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

    这样你就可以在localhost:4000上看到你的个人微博,当然现在它还是空的,但架子已经好了舔砖加瓦就是另外的事了(实际是在我写的时候我自己都还没舔。。。)

  部署到github

    在github上建立仓库,注意仓库名为username.github.io(如果你的git用户名为anonymou则仓库为anonymou.github.io

    然后设置hexo的git组件,重新在之前的文件夹中打开GITBASH

npm install hexo-deployer-git --save

    部署到Github前需要配置_config.yml文件(之前的建hexo的文件夹中),首先找到下面的内容(应该在最后面)

# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
  type:

    然后将它们修改为

# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: [email protected]:anonymou/anonymou.github.io.git
  branch: master

    Repository:必须是SSH形式的 url([email protected]:anonymou/anonymou.github.io.git),而不能是HTTPS形式的 url(https://github.com/anonymou/anonymou.github.io.git),否则会出现错误:

$ hexo deploy
[info] Start deploying: github
[error] https://github.com/anonymou/anonymou.github.io.git is not a valid repositor URL!

    当部署完成后,在浏览器中打开http://anonymou.github.io/(https://anonymou.github.io/) ,正常显示网页,表明部署成功。

    每次部署的步骤,可按以下三步来进行。先清,再重新生成,再同步。

hexo clean    
hexo generate   --也可以使用缩略命令   hexo g
hexo deploy               hexo d
hexo d -g --这个是最偷懒版

    嘛大概步骤就这样,当然你还可以在git仓库里加入CNAME文件让它解析到你自己的域名,有错误的话请提出,渣渣的我会认真看的

相关解决方案

最新解决方案