zoukankan      html  css  js  c++  java
  • hexo-github 博客搭建

    安装nodejs

    官网下载系统对应的源码

    wget -qO- https://raw.githubusercontent.com/creationix/nvm/master/install.sh | sh
    nvm install stable
    

    安装Hexo

    可能需要sudo权限

    npm install -g hexo
    npm install hexo-cli -g
    

    如果长时间仍然不能下载完成,那就使用一个淘宝源吧。速度快

    npm install -g hexo --registry=https://registry.npm.taobao.org
    

    创建Github Pages

    配置好ssh key,不需要每次输密码,

    同时新建的reposiitory 的名字必须跟你的用户名一致,不然访问不到,

    比如我的

    git@github.com:xiaopenghuang/xiaopenghuang.github.io.git
    

    搭建本地博客

    首先在一个你觉得合适的目录,建立博客目录,并且初始化hexo

    mkdir hexo && cd hexo
    hexo init blog
    cd blog
    

    下面的命令可以先在本地上部署就可以看到效果(hexo 自带有一篇hello的博客):

    hexo generate #可以简写为 hexo g:生成静态文件
    hexo server    #可以简写为 hexo s :启动localhost
    

    使用这个命令就可以创建一个新文章:

    hexo new "title"
    

    这样一个文章就可以创建了,在source/_post下面就会自动生成一个title.md的文件,

    这样直接编辑这个mardown文件就可以了。

    有任何改动的话,直接再次执行

    hexo g
    hexo s
    

    即可在0.0.0.0:4000看到改变。

    安装主题

    现在的主题是: landscape, 可以自己切换,我用的是next主题

    修改方式:

    cd themes #进入hexo themes, 目录
    git clone git@github.com:iissnan/hexo-theme-next.git
    

    下载好了之后,要是下载的目录不是叫next,比如叫做hexo-theme-next,把这个目录重名为next,

    再修改hexo目录下的_config.yml

    找到theme这一行改成下面的:

    theme: next
    

    部署到GitHub

    修改主目录下的_config.yml 

    deploy:
      type: git
      repository: git@github.com:xiaopenghuang/xiaopenghuang.github.io.git
      branch: master
    

    注:如果报错,提示没有

    ERROR Deployer not found: git
    

    是因为github 更新之后,需要加东西:

    npm install hexo-deployer-git --save
    

    部署到github的命令

    hexo deploy  
    

    安装插件 和next主题配置

    wiki

    插入本地的音频,pdf资源

    添加分类

  • 相关阅读:
    vue3+typescript引入外部文件
    vue项目中使用sass
    关于Vue.use()使用详解
    案例:密码框格式提示信息错误
    案例:显示隐藏文本框里面的内容
    案例:循环精灵图案例
    案例:关闭淘宝二维码案例
    案例: 仿京东显示隐藏密码
    案例:根据系统时间显示不同的问候语
    ES6中类和对象的注意问题
  • 原文地址:https://www.cnblogs.com/shhu1993/p/6232727.html
Copyright © 2011-2022 走看看