美文网首页HexoHexo
Hexo (GitHub博客)

Hexo (GitHub博客)

作者: xx_Shen | 来源:发表于2015-07-16 14:39 被阅读1340次
    • 首先你得注册GitHub,然后creat repostory,取个名字~ 格式一般是[GitHub ID].github.io。比如我的ID是xxShen,名字就该是xxShen.github.io

    • 安装hexo

      • 我们先来理理头绪:
        需求:一个静态站用来存放前端文档以及资料,那么一个静态的博客站是个好选择。
        选择:为什么是github pages,这是一个拥有免费300m空间的,其次你可以通过github学习和巩固git的用法,这货可是主流啊~ 不管你是用来做版本控制管理还是自己练手的项目仓库。
        hexo:上面提到了github pages,这玩意儿就是github的静态站,够用不够美观,hexo可以理解为github pages的升级,比原生的更好用更好看。
      • 安装:
        你得有node环境,安装了git~
        然后呢 在终端安装hexo

    $ npm install -g hexo

    注意,这边可能会出些问题:
    1.没有权限 命令前加sudo
    2.Mac的朋友需要装xcode
    3.python3的朋友可能会出现爆python的错,去装pyhon2.7! 
    4.以上问题都解决了,你还被爆了一个
     You have not agreed to the Xcode license agreements. You must agree  to both license agreements below in order to use Xcode.
     Hit the Enter key to view the license agreements at  
    '/Applications/Xcode.app/Contents/Resources/English.lproj/License.rtf'
    这样的错~ 
    

    sudo xcodebuild -license accept

    管上~
    不要问我为什么会知道有这么多抱错~ 
    

    hexo -v

    验证下hexo命令,顺便看眼版本号。
    
    * 让我们来用用看~
      * 命令分别为:
      新建目录
      进入目录
      hexo生成package.json文件
      npm按照package.json去加载相应的组件 完成~
      启动服务 在浏览器输入loaction:400
    

    mkdir hexo-demo
    cd hexo-demo
    hexo init
    npm install
    hexo server

    然后你就看到了自己的网站~ 
    * 主题(皮肤)
    * 什么!你说丑!?你自己去改样式好啦~ 什么!?怕麻烦!? 好啦,我们来选个主题好了
    ([iissnan/hexo-theme-next · GitHub**](https://github.com/iissnan/hexo-theme-next), 470)
    ([TryGhost**](https://github.com/TryGhost)/**[Casper**]([iissnan/hexo-theme-next · GitHub**](https://github.com/iissnan/hexo-theme-next), 470)([TryGhost**](https://github.com/TryGhost)/**[Casper**](https://github.com/TryGhost/Casper)**, 439)([daleanthony**](https://github.com/daleanthony)/**[uno**](https://github.com/daleanthony/uno)**, 352)([orderedlist**](https://github.com/orderedlist)/**[modernist**](https://github.com/orderedlist/modernist)**, 286)([litten**](https://github.com/litten)/**[hexo-theme-yilia**](https://github.com/litten/hexo-theme-yilia)**, 265)([A-limon**](https://github.com/A-limon)/**[pacman**](https://github.com/A-limon/pacman)**, 243)([AlxMedia**](https://github.com/AlxMedia)/**[hueman**](https://github.com/AlxMedia/hueman)**, 215)([kathyqian**](https://github.com/kathyqian)/**[crisp-ghost-theme**](https://github.com/kathyqian/crisp-ghost-theme)**, 214)
    hexo主题在github上的star排行榜 选取了star数超100的给大家参考,数据一致在变哦。
    * 在你的hexo文件目录里下载自己中意的主题
    

    $ git clone https://github.com/iissnan/hexo-theme-next

    接着在跟目录的_config.yml文件里修改主题名,比如:theme: next
    我在这时候遇到了一个问题,这个配置文件里的内容跟我的网站始终不匹配,不管    是主题还是title之类的。原因是现在的hexo 3.0有点问题~ 官方的话:"Breaking Changes in Hexo 3.0" 在我看来就是个bug~
    让我们看看怎么解决它 
    https://github.com/hexojs/hexo/issues/1312
    https://github.com/hexojs/hexo/wiki/Breaking-Changes-in-Hexo-3.0。
    唔~ 这两个都是答案~你需要
    

    npm install hexo-deployer-git

    然后hexo就很听话的去执行你的配置文件了~
      
    * 未完待续 

    相关文章

      网友评论

      • Eirot:不错,我最近也在动手搭建自己的窝

      本文标题:Hexo (GitHub博客)

      本文链接:https://www.haomeiwen.com/subject/elfpqttx.html