美文网首页藏兵谷
Win10+Hexo+GitHub搭建个人博客详解

Win10+Hexo+GitHub搭建个人博客详解

作者: yiming1012 | 来源:发表于2019-08-04 17:10 被阅读240次

    文章作者:易明
    个人博客:https://yiming1012.github.io
    简书主页:https://www.jianshu.com/u/6ebea55f5cec
    邮箱地址:1129079384@qq.com

    简介

           最近,在简书上写了几篇博客,发现简书可能没做反扒机制,导致简书被盗文的情况屡见不鲜。于是,决定搭建属于自己的个人博客。通过调研,尝试了下Win10+Hexo+GitHub的组合,成功搭建了自己的博客,以下为详细步骤。

    基本环境

    1、Node.js下载和安装:https://nodejs.org/en/

    2、Git下载和安装:https://git-scm.com/download/win

    3、GitHub注册和创建仓库:https://github.com/
    在GitHub账号创建成功之后,需要创建一个仓库来管理自己的文件。
    (1) 点击个人主页右上角“+”里面的New repository


    (2) 输入Repository name:用户名.github.io,注意:用户名一定要和注册的用户名一样

    4、配置SSH免密登录
    (1)在桌面点击鼠标右键,选择“Git Bash Here”,打开Git Bash终端。
    (2)设置user name和email:

    git config --global user.name "GitHub用户名"
    git config --global user.email "GitHub注册邮箱"

    (3)生成SSH密钥

    ssh-keygen -t rsa -C "GitHub注册邮箱"

    (4)输入命令后直接回车即可,在C盘的用户目录下会生成.ssh文件夹(我电脑上的目录为C:\Users\yiming\.ssh),里面有私钥id_rsa和公钥id_rsa_pub
    (5)在GitHub上添加SSH keys。具体步骤是点击GitHub头像下的Settings->SSH and GPG keys->New SSH key,将本地的公钥id_rsa_pub内容复制粘贴到其中即可。



    (6)验证SSH免密是否成功

    ssh -T git@github.com

    安装Hexo

    1、进入cmd命令行,创建一个本地仓库,比如在D盘创建一个blog文件夹,切换到blog目录

    D: //进入D盘
    mkdir blog //创建blog目录
    cd blog //切换到blog目录

    2、使用淘宝的npm源安装hexo

    npm install -g cnpm --registry=https://registry.npm.taobao.org
    cnpm install hexo-cli -g
    cnpm install hexo --save

    3、在blog目录下点击鼠标右键,打开“Git Bash”终端,如果在其他地方打开Git Bash终端,会出现:hexo:commad not found 。初始化hexo:

    hexo init

    4、安装依赖及相关插件

    cnpm install

    cnpm install hexo-generator-index --save
    cnpm install hexo-generator-archive --save
    cnpm install hexo-generator-category --save
    cnpm install hexo-generator-tag --save
    cnpm install hexo-server --save
    cnpm install hexo-deployer-git --save
    cnpm install hexo-deployer-heroku --save
    cnpm install hexo-deployer-rsync --save
    cnpm install hexo-deployer-openshift --save
    cnpm install hexo-renderer-marked@0.2 --save
    cnpm install hexo-renderer-stylus@0.2 --save
    cnpm install hexo-generator-feed@1 --save
    cnpm install hexo-generator-sitemap@1 --save
    

    5、启动Hexo

    hexo server (或者hexo s)

    6、在浏览器中输入:localhost:4000,可以看到Hexo的示例页面

    将博客部署到GitHub

    1、配置文件以关联远程仓库,在blog目录下找到_config.yml文件,用文本编辑器Nodepad ++或Sublime Text打开,在最下方添加远程仓库地址:

    # Deployment
    ## Docs: https://hexo.io/docs/deployment.html
    deploy:
      type: git
      #yiming1012改为你的github用户名(请修改)
      repository: https://github.com/yiming1012/yiming1012.github.io.git
      branch: master
    
    

    2、新建博客,在D:\blog\source\_posts目录下会生成firstblog.md的文件

    hexo new "firstblog"

    3、你可以根据Markdown语法来编辑上面的文件


    博客内容

    4、设置身份信息

    git config --global user.name "GitHub用户名"
    git config --global user.email "GitHub注册邮箱"

    5、部署到GitHub

    hexo deploy (可以简写为:hexo d)

    6、在浏览器上输入:用户名.github.io(我的是yiming1012.github.io)即可看到刚才写的博客已提交到仓库

    blog.png

    7、一个简单的博客就搭建起来了,后续还有待完善……修改Hexo主题请参见我的下一篇文章:https://www.jianshu.com/p/869c6bcd0647

    参考文献:

    1.https://hujichn.github.io/2016/04/06/Win10%E4%B8%8A%E5%88%A9%E7%94%A8github+hexo%E5%BB%BA%E7%AB%8B%E5%8D%9A%E5%AE%A2%E7%9A%84%E6%96%B9%E6%B3%95/](https://hujichn.github.io/2016/04/06/Win10%E4%B8%8A%E5%88%A9%E7%94%A8github+hexo%E5%BB%BA%E7%AB%8B%E5%8D%9A%E5%AE%A2%E7%9A%84%E6%96%B9%E6%B3%95/)
    2.https://zhuanlan.zhihu.com/p/22405775

    相关文章

      网友评论

        本文标题:Win10+Hexo+GitHub搭建个人博客详解

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