用我三天换你快速构建自己的博客

作者: 大米的木头 | 来源:发表于2016-05-25 23:40 被阅读2146次

    总有一些会在前面

    大约一年前就用hexo+github成功建过一个个人博客,可是简书用惯了也就荒废了自己的博客(ps:近乎没有维护就在那闲置着资源,真的很不应该),只是因为觉得打理博客麻烦,上传图片需要用到图床(ps:我选择了七牛,只用身份验证后就可以获取一定的免费空间),每次写完博客还需要上传到github。假使需要用到评论等功能仍然是需要一定的代码实现(ps:之前都搞定了,在这个教程的完善过程中也会加上的),如果一点都不了解编程又没有兴趣,那么想想都会觉得麻烦。So,请自行选择是否继续。

    博主今年大三,GIS是专业,程序猿的属性是迫不得已。从大一开始,主要接触了C++(MFC)、Java&XML(Android),也在老师团队做过实事,所以在开发上面还是有一些自己的经验,可是之前没有养成写博客整理的习惯,所以常常会出现一个问题出现了一次两次,反复的去google。终于是下了狠心,想着要在大学的后期(即便还有考研这事)要完成一个自己想了很久的项目,借此机会把自己的一些开发知识整理巩固提高。此外,一向是个伪文青,但是一直记得大学一位老师说过“假如一直装下去,那就成真的了。”So,除了简书这个平台,想着建个博客给自己留条肆意抒情的后路咯~(ps:很好奇自己能伪装多久)

    关于Markdown,详情自己点进去看。反正语法简单,用多几遍就熟了。(PS:反正我会持续更新,)接下来,上干货教程。


    准备工作



    请先不要问为什么!!!先去做,做的过程中就知道了,前提是认真做,认真看参考。

    1. 下载安装Git
      关于git是什么,有什么用,点进去之后就可以了解到了,大神讲的很明白。自己的理解就是,这是一个版本管理的东东……
    2. 下载安装node.js
      因为链接指向官网,应该没有比官网更详情的介绍了。
    3. 安装hexo

    当Git安装成功之后,在桌面或者选中某个文件夹右键单击,在弹出的菜单中会出Git Bash Here,点击它将进入一个命令行窗口,后文出现的命令行输入都是在此窗口下输入。在命令行中(Git Bash)执行以下语句就可安装hexo

    npm install hexo-cli -g  #-g 是指全局
    npm install hexo --save
    

    本地构建静态博客

    1. 配置hexo
      选择一个文件夹,执行hexo init

    2. hexo 基本命令

    hexo init      #在某文件夹下初始化hexo文件 
    hexo n "blog"  #新建一篇文章,在路径…\source\_posts 之中
    hexo g         #根据本地目录下的文件生成静态网页
    hexo s         #在本地进行预览
    

    与github绑定

    1. 先行在github创建一个仓库
      需要注意的是这个仓库的名字需要跟自己的用户名(非昵称)一致,至于不一样会怎样……你试试
      (ps:我以为我弄的名称一样了,结果后期还是发现名称错了,不是下图这样的,若是如此名称的仓库,在用hexo d此命令时将发现报错找不到仓库。)
    创建了错误名称的github仓库

    正确名称的仓库名应该如下图所示:

    正确的命名
    2.SSH的问题
    通过命令行生成秘钥
    ssh-keygen -t rsa -C "your email"
    

    该语句在命令行中运行过程中,会出现提示,敲两次回车键就好。最后会在指定路径之下生成两个文件。将后缀名.pub文件的内容复制到github账号中的SSH里面即可。

    生成文件 添加一个SSH

    通过在命令行中输入下面语句:

    ssh -T git@github.com
    

    验证自己是否配置成功。如果出现一长串字符,最后是让你输入yes/no,那么恭喜你配置成功。
    3.clone主题
    虽然hexo有着默认主题,可是若不满意可以在网上找现成的一些自己喜欢的主题然后再将其直接在github上下载压缩文件或是通过git进行clone,以next主题为例:

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

    clone结束后该主题将在自己博客文件夹theme文件下,与之前的主题landscape并立。接下来便是在自己博客文件夹第一层中的_config.yml里面修改theme为next。

    修改主题
    4.配置deploy
    注意yml文件下,参数前需要半角空格。在type后面写上git(github已经被淘汰),再加上repo:和branch:,分别写上自己的地址,第二个如果是博客就写上master 关联github

    写博客咯

    /**新建文章**/
    hexo new "hello hexo" #新建一篇名为hello hexo的文章,文件位置在根目录文件夹下的source里面的_posts里面。markdown格式!!!
    
    /**部署文章到github**/
    hexo clean #在将文章同步到github仓库前先clean一下
    hexo g  #先生成静态文件
    hexo d  #部署到github上即可
    hexo d -g #合成命令,可以完成上面两个命令的功能
    
    /**本地预览文章**/
    hexo g
    hexo s
    hexo s -g
    
    成果啦~

    后记:

    关于使用github+hexo建立一个博客究竟合适与否,相信每位都有自己的决断,不做评述。需要感谢两位分享经验的先行者:

    1. 邹菜头
    2. Hello Dog

    PS:看官你的评论和喜欢是我前行的助力啦~

    相关文章

      网友评论

      • dongwenbo:挺好的呀
        大米的木头:@dongwenbo 谢谢 :smile:
      • ibrucekong:师兄好,我也是GIS专业的,现在读研,也在看这些
        大米的木头:@ibrucekong 我就知,中国人的弊病之一~
        ibrucekong:@木小书 博主看成博士了:sweat::sweat:
        大米的木头:@ibrucekong 好像你才是师兄吧 :joy: 可以多交流啊
      • 华之曦:程序猿一般都会去捣鼓这东西,就像网络明信片。不想成为大神的码农不是好屌丝。
        华之曦:@木小书 on the way...
        大米的木头:@Huazhixi 嗯嗯,虽然是个伪程序猿,但却是个好屌丝 :joy:
      • 1114329096b0:不错!
        大米的木头:@漂泊_空气 谢谢 :smiley:
      • Garth:我写过一篇文章《使用Coding.net WebIDE搭建Hexo云端写作环境》http://garth.im/2015/04/hexo-on-coding-net-webide/
        大米的木头:@Garth 看了,也许会实践一下啦 :smile:
      • Alphazhu:用daocloud+ghost更快
        大米的木头:@Alphazhu 好的,会去看看的,谢谢
      • Pansen:不错
        大米的木头:@Pansen :flushed: 男朋友……
        Pansen: @木小书你有男朋友吗?
        大米的木头:@Pansen 谢谢:smile:
      • Pansen:好
      • Eric_:这个感觉 如果不是有程序员属性的 用简书这种就足够 有程序员属性并且要求高一些的 可以搞个独立域名加ghost加境外vps一年一百多点的费用 然后markdown通用
        大米的木头:@Eric_ 我想说,是的。
      • Elta_era:github带的这个页面原意是为了展示项目的,用它来搭个人网站,并不是原有功能。希望还是不要这么做,sourceforge就被玩坏了,别让github也坏掉
        大米的木头:@Elta_era 这也是的,我在查阅博客参考的时候不少人提出了这种看法。但又发现不论国内还是国外都有不少人甚至大神都在这样用。说实在的,想推广太难了,简书上现成的教程大约是一年多以前就有,而在其他博客网站或个人博客上更是13年左右写的为主。可是我发现不少博客更了几篇就闲置不用了。人呐就是遇到麻烦容易退避,我一年前就弄过了,可是一直想着写教程以此开始我的技术博客之旅,可是这都拖了一年,就是因为觉得麻烦。
        Elta_era:@木小书 我的看法是,这种用法在小范围用,确实没有问题,但是一旦推广了,就会被封杀屏蔽。
        大米的木头:@Elta_era 关于这个我也知道,可是每个人都会有自己的考量不是么。

      本文标题:用我三天换你快速构建自己的博客

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