hexo+next+博客源码+坑

作者: icessun | 来源:发表于2017-07-14 19:32 被阅读82次

    写在前面

    当换电脑的时候,或者在其他电脑想编辑自己的博客的时候,发现在icessun.github.io的仓库里面保存的是生成的静态页面,博客的源文件还在家里面的电脑里面,怎么样达到多终端来管理博客?github的分支管理,正好可以解决这个问题

    博客根目录

    - .deploy_git             
    - node_modules        自定义博客需要的插件
    - public             博客的网站静态文件
    - scaffolds         博客文章的模版
    - themes            博客主题
    - source             博客的一些资源
    - _config.yml      博客的配置文件
    - package.json    依赖的文件,可以直接通过这个文件安装node_modules
    - db.json               
    

    添加.gitignore文件

    这个文件的主要作用是过滤一些不需要存放在github远程仓库的一些文件,在备份博客源代码的时候。在根目录下面没有这个文件,可以新建这个文件。

    一般都包括:

    public/
    .deploy*/
    // 因为上面这两个文件,每次generate和deploy的时候,都会更新,所以忽略这两个文件夹的更新
    
    node_modules/
    db.json
    *.log
    Thumbs.db
    .DS_Store
    

    博客源文件备份

    远程仓库icessun.github.io的主分支:master是来存放博客部署deploy的静态文件的,可以在仓库新建一个分支,来存放博客源代码文件

    • 首先在博客源文件中初始化一个git仓库
    • 然后与远程仓库建立连接
    • 在本地把源代码提交到本地版本库中
    • 推送到远程仓库的源代码分支上面
    $ git init
    $ git remote add origin git@github.com:icessun/icessun.github.io.git
    $ git add .
    $ git commit -m 'add hexo-blog origin code'
    $ git push origin master:dev-blog
    

    这样就把源代码备份完毕,这个时候,可以在远程仓库里面看见dev-blog分支,里面保存着博客源代码;
    当然也可以直接在远程仓库上面手动新建一个分支dev-blog,然后使用下面的命令:

    $ git init
    $ git remote add origin git@github.com:icessun/icessun.github.io.git
    $ git checkout -b 分支名       // 新建一个分支
    $ git add .
    $ git commit -m 'add hexo-blog origin code'
    $ git push origin 新建的分支名dev-blog
    

    本地操作博客

    要是源文件在本地,在自己的电脑上面,当在本地写好了博客的时候,可以先备份一下博客源文件,然后在部署静态文件

    $ git add .
    $ git commit -m 'add new blog'
    $ git push origin master:dev-blog
    
    部署静态文件
    $ hexo g -d
    // 要是安装了压缩代码的插件
    $ hexo g && gulp
    $ hexo d
    

    别人电脑pull源代码

    首先要在别人的电脑上面安装好git node hexo,然后使用克隆clone的命令下载源代码:

    // 克隆源代码到本地
    git clone -b dev-blog git@github.com:icessun/icessun.github.io.git
    

    然后在源代码的source文件夹下的_posts文件夹下面新建md文件来编写博客;
    最后重新的部署到远程仓库里面:在下载的源代码文件夹上面,右键打开:git-bash

    npm install hexo    // 安装hexo  安装完成hexo 不需要初始化hexo,否者hexo 配置参数会重置
    npm install    // 安装依赖库
    npm  install hexo-deployer-git  --save    // 安装部署相关配置
    

    接着同步文件源代码到github

    $ git add .
    $ git commit -m 'add new blog again'
    $ git pull origin dev-blog   // 先拉取原来仓库的源代码文件到本地进行合并,解决了前后版本的冲突后,把现在的源代码文件push到dev-blog分支上面
    $ git push origin dev-blog
    

    最后发布新的博文

    部署静态文件
    $ hexo g -d
    // 要是安装了压缩代码的插件
    $ hexo g && gulp
    $ hexo d
    

    hexo跳过指定文件的渲染

    • 把要跳过hexo解析的文件夹放在根目录下面的source文件夹下

    单个文件夹下全部文件:skip_render: test/*
    单个文件夹下指定类型文件:skip_render: test/*.html
    单个文件夹下全部文件以及子目录:skip_render: test/**
    多个文件夹以及各种复杂情况:['*.html',FIE2017/**]

    常见错误参考
    搭建博客的基本步骤一
    搭建博客的基本步骤二

    相关文章

      网友评论

        本文标题:hexo+next+博客源码+坑

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