• windows下github pages + hexo next 搭建个人博客


    一、github pages

    搭建个人博客一般需要购买域名和空间,github pages为我们提供了这两样东西,而且是免费的,相关介绍和使用方法参考这里 github pages

    二、Hexo

    一个静态博客生成框架工具,基于node.js开发。

    1. 安装nodejs,下载地址
    2. 安装hexo
    $ npm install -g hexo-cli
    
    1. 新建
    $ hexo init <folder>
    $ cd <folder>
    $ npm install
    
    1. 启动
    $ hexo server
    

    查看效果http://localhost:4000/

    三、Next主题

    一款简洁易用的hexo主题。

    1. 下载安装主题
    $ cd <folder>
    $ git clone https://github.com/iissnan/hexo-theme-next themes/next
    
    1. 启用主题
      打开站点配置文件(folder目录下_config.yml),找到theme字段,并将其值更改为next,重启之后查看效果。

    四、配置ssh key 连接 github

    1. 安装git
      下载地址
    2. 生成密钥
      在git-bash中输入:
    $ ssh-keygen  -t rsa –C "youremail@example.com"
    

    以rsa方式加密生成公钥id_rsa.pub私钥id_rsa
    3. 添加密钥至github
    将之前生成的is_rsa.pub中的内容添加至:
    github -> shyboy1239. github.io -> settings -> deploy keys -> add deploy key
    4. 连接测试

    $ ssh -T git@github.com
    
    1. 存在多个ssh时需添加、配置config文件(可选)
    Host github.com
      HostName github.com
      PreferredAuthentications publickey
      IdentityFile ~/.ssh/id_rsa
    Host githubpages.com
      HostName github.com
      PreferredAuthentications publickey
      IdentityFile ~/.ssh/id_rsa2
    

    五、部署至github

    1. 安装hexo-deployer-git
    $ npm install hexo-deployer-git --save
    
    1. 配置deploy
      打开站点配置文件(folder目录下_config.yml),找到deploy字段,设置如下:
    deploy:
      type: git
      repo: git@githubpages.com:shyboy1239/shyboy1239.github.io.git
      branch: master
    

    备注:因为本地存在多个ssh key,githubpages.com是之前为了进行区分而配置的别名
    3. 生成

    $ hexo generate
    
    1. 部署
    $ hexo deploy
    

    六、结语

    最后,一个基本的个人博客就搭建好了!~戳这里

  • 相关阅读:
    css3 animation 点亮灯光效果
    setTimeout和setInterval
    红绿灯 promise和原始方式实现
    思考3
    转载: 理解Javascript执行过程
    tapable
    SVG: 将 svg 导出成图片
    ES6: Module:
    d3 插值-实现一个简单的 animation
    three.js开发指南(第三版)_案例源码
  • 原文地址:https://www.cnblogs.com/Yanger90/p/5801564.html
Copyright © 2020-2023  润新知