美文网首页
hexo + githup pages 搭建博客(笔记)

hexo + githup pages 搭建博客(笔记)

作者: OpenLee | 来源:发表于2019-11-14 15:23 被阅读0次

    博客

    1.环境准备

    准备 node 和 git 环境 首先,安装 NodeJS,因为 Hexo 是基于 Node.js 驱动的一款博客框架

    安装hexo :

    $ npm install -g hexo-cli
    

    安装 Hexo 完成后,再执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。

    $ hexo init myBlog
    $ cd myBlog
    $  npm install
    

    运行 hexo s命令,其中 s 是 server 的缩写,在浏览器中输入 http://localhost:4000 回车就可以预览效果了。

    $ hexo s
    

    2.第一个Hello World

    Create a new post

    $ hexo new "FirstHexo"
    

    Run server

    $ hexo server
    

    Generate static files

    $  hexo generate
    

    Deploy to remote sites

    $ hexo deploy
    

    以上操作是创建在 source/_posts/FirstHexo.md

    3.主题配置 以3-hexo为例

    $ git clone https://github.com/yelog/hexo-theme-3-hexo.git themes/3-hexo
    
    11573725279_.pic.jpg

    下载好后打开_config.yml 配置主题(也可 配置像主题等基本xing'xi) 把theme: landscape 改成想用的主题 theme: 3-hexo执行以下命令进行部署发布 http://localhost:4000 刷下全新的主题出来了

    $ hexo deploy
    $ hexo clean
    S hexo s
    

    4.部署到git

    先配置sshkey 详细操作里面有或者百度吧!

    安装 插件

    $ npm install hexo-deployer-git --save
    

    type,repo,branch前两个空格,“:”后面一个空格,差一个都不行的:

    deploy:
      type: git
      repository: url
      branch: master
    

    部署后可能有些配置要改这里举个例子

    报404加载不出来或者样式加载不出来
    需要修改_config.yml文件中的url地址和根目录

    # URL
    ## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
    url: https://banjingwei.github.io/ban.github.io
    root: /ban.github.io/
    permalink: :year/:month/:day/:title/
    permalink_defaults:
    

    本文纯属笔记以下为参考文章已SART
    hexo主题
    小茗同学的博客园
    yelog

    相关文章

      网友评论

          本文标题:hexo + githup pages 搭建博客(笔记)

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