zoukankan      html  css  js  c++  java
  • 基于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链接可以发现更换成功

  • 相关阅读:
    jQuery过滤器 过滤器
    查询总结
    ado.net
    禅修程序员十诫
    Asp.net中Bind()和Eval()的区别
    什么是好代码?
    12 个有效的提高编程技能的方法
    Visual Studio各种版本之间的转换工具
    程序员的培养
    session和cookie的区别和联系!
  • 原文地址:https://www.cnblogs.com/yiduoyun0826/p/12815506.html
Copyright © 2011-2022 走看看