• 基于hexo搭建个人博客


    hexo是比较成熟的框架,出现问题网上的解决方案也比较多

    环境准备

    node.js

    git

    node.js安装(官网)

    终端查看node和npm的版本
    node -v
    npm -v

    利用npm安装镜像源

    npm install -g cnpm --registry-https://registry.npm.taobao.org

    敲cnpm验证是否安装完成

    利用cnpm安装hexo框架

    cnpm install -g hexo-cli

    利用hexo -v验证安装是否完成

    使用hexo搭建博客
    • hexo路径下新建文件夹blog/

    mkdir blog

    • 在blog/目录下初始化一个博客

    (sudo) hexo init (自带一个landscape的主题)

    • 启动博客

    hexo s

    • 本地端口访问

    localhost:4000

    • 新建文章

    hexo n "博客文章名称"

    • 查看刚才写好的博客

    hexo clean

    hexo g

    hexo s

    localhost:4000

    博客搭建完成

    将博客部署到github上
    • 登录github

    • 新建仓库

    ​ 昵称.github.io(必须是这个名字!注意后缀)

    • 终端在blog/目录下安装git部署插件

    ​ cnpm install --save hexo-deployer-git

    • 设置_config.yml

    ​ _config.yml文件最底部配置deploy

    ​ deploy:

    ​ type: git

    ​ repo: 仓库地址(ssh)

    ​ branch: master

    • 部署到远端

    hexo d

    • 刷新github仓库,会发现多了一些东西

    可以通过 昵称.github.io访问自己的博客了

    更换博客主题
    • 进入主题git: github.com/litten/hexo-theme-yilia

    • 终端下载主题: git clone http://github.com/litten/hexo-theme-yilia.git themes/yilia

    • 将主题配置到博客中: 修改_config.yml文件->修改theme:yilia

    • 终端

      hexo clean;

      hexo g;

      hexo s;

    • 主题更换完成,localhost:4000查看

    • 主题推到远端 hexo d

    通过github链接可以发现更换成功

  • 相关阅读:
    Vue 02
    Vue 初识
    复杂数据类型之函数 对象
    Collections工具类
    遍历集合的方法总结
    使用Iterator迭代器遍历容器元素(List/Set/Map)
    TreeSet的使用和底层实现
    HashSet基本使用
    HashSet底层实现
    TreeMap的使用和底层实现
  • 原文地址:https://www.cnblogs.com/yiduoyun0826/p/12815506.html
Copyright © 2020-2023  润新知