• Gitpage + hexo(3.0以上)搭建博客


    大半天,一边折腾,一边查找各种文档,写出的这篇文档,不知道有没有把程序表示得足够简明,有不足之处望指明。

    1. 前提:已安装好nodeJS和git。

    2. 桌面右击进入gitbash,输入npm install -g hexo安装hexo,关闭gitbash。

    3. 在电脑中建立一个名为【hexo】的文件夹,新建的文件夹右击打开gitbash,输入hexo init 命令,命令执行完后,根据提示接着执行 npm install 命令。

    4. 运行hexo server 命令,出现running字样说明Hexo Server已经启动了,在浏览器中打开http://localhost:4000/,可以看到生成的博客,按ctrl+C可以停止server;。

    5. 新打开一个git bash命令行窗口,cd到/D/hexo下,执行 hexo new “My New Post” 命令,可以生成一篇新的文章 “My New Post”,打开http://localhost:4000/ 可以预览到新生成的文章。

    6. 执行 hexo generate命令可以将markdown文章生成静态网页,该命令执行完后,会在 D:Hexopublic 目录下生成一系列html,css等文件。

    7. hexo new “My NewPost”会在D:Hexosource _posts目录下生成一个markdown文件:My-New-Post.md,可以使用一个支持markdown语法的编辑器(比如 Sublime Text 2)来编辑该文件。

    8. 部署博客到 github

    • 部署到Github前需要配置_config.yml文件,首先找到下面的内容
             Deployment
                    Docs: http://hexo.io/docs/deployment.html
                    deploy:
                    type:
    
    • 然后将它们修改为
            Deployment
               Docs: http://hexo.io/docs/deployment.html
               deploy:
               type: git(新版本的hexo必须用git,不然会出错)
               repository:git@github.com:zhchnchn/zhchnchn.git(新版本用SSH不然会出错)
               branch: gh-pages
    
    • 执行 npm install hexo-deployer-git –save 命令(hexo3.0以上的版本必须在执行此命令后才能部署到git上)

    • 执行hexo deploy 命令部署博客到github上;

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

    注意两大坑:

    1、deploy不了,3.0版本以上要执行这个命令: npm install hexo-deployer-git
    –save,切记!不然可能一直error

    2、然后部署到git上记得修改url,不然可能发布之后有些js和css文件路径找不到!

    (2017. 05. 09)

    非淡泊无以明志
  • 相关阅读:
    Codeforces Round #535 (Div. 3) 1108C
    Codeforces Round #536 (Div. 2) B. Lunar New Year and Food Ordering
    Leetcode--136. Single Number(easy)
    Leetcode--572. Subtree of Another Tree(easy)
    Leetcode--101. Symmetric Tree(easy)
    Leetcode--680. Valid Palindrome II(easy)
    2017百度之星资格赛 1003 度度熊与邪恶大魔王 背包DP
    台州 OJ 1704 Cheapest Palindrome 回文 区间DP
    洛谷 P1019 单词接龙 深搜
    UVA 11882 Biggest Number 深搜 剪枝
  • 原文地址:https://www.cnblogs.com/Canace22/p/7853824.html
Copyright © 2020-2023  润新知