blog使用笔记

嘛,算是一篇笔记吧
毕竟有的命令还是不熟悉,在这里就算是记一下
然后会随时上来写update

从零开始

  1. 安装git
  2. 配置github地址
    1
    2
    3
    git config --global user.name "你的GitHub用户名"
    git config --global user.email "你的GitHub注册邮箱"
    ssh-keygen -t rsa -C "你的GitHub注册邮箱"
  3. 复制生成的.ssh文件夹里id.rsa.pub中的密钥全部复制
  4. 打开Github Settings keys,新建new SSH Key
    Title自主命名,Key粘贴
  5. 安装Node.js
  6. 安装Hexo
    1
    npm install -g hexo-cli
    安装完成后初始化
    1
    2
    3
    4
    hexo init blog  #注意这些命令作用在创建的Blog文件夹
    hexo n 随便一个页面名字 #创建新页面
    hexo g #生成网页
    hexo s #在本地预览
    随后打开localhost:4000,本地页面出现
  7. 关联Github,打开站点配置文件_config.yml,最下面这样改
    1
    2
    3
    4
    deploy:
    type: git
    repo: 这里填入你之前在GitHub上创建仓库的完整路径,记得加上 .git
    branch: master
  8. 安装Git部署插件
    1
    2
    3
    4
    npm install hexo-deployer-git --save
    hexo clean
    hexo g
    hexo d

更换主题

一般主题的GitHub页面里都会写,这里是一个实例
比如这个主题叫做next

1
git clone https://github.com/iissnan/hexo-theme-next themes/next

打开站点config,把theme后面改成站点名称

图片引用

1
<img src="/img/图片名称.png">

B站引用

1
<iframe width="100%" height="576" src="[播放器链接]" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

网易云引用

1
{% meting "1368967575" "netease" "song" %}

增加ico

路径Hexo\blog\node_modules\hexo-theme-kira\source\lib\iconfont
两个css和js文件,从www.iconfont.cn保存css和js文件后替换

网站主体路径

Hexo\blog\node_modules\hexo-theme-kira\layout\components

常用命令

1
2
3
npm install hexo -g #安装Hexo
npm update hexo -g #升级
hexo init #初始化博客

命令简写

1
2
3
4
5
6
7
8
9
hexo n "我的博客" == hexo new "我的博客" #新建文章
hexo g == hexo generate #生成
hexo s == hexo server #启动服务预览
hexo d == hexo deploy #部署
hexo server #Hexo会监视文件变动并自动更新,无须重启服务器
hexo server -s #静态模式
hexo server -p 5000 #更改端口
hexo server -i 192.168.1.1 #自定义 IP
hexo clean #清除缓存,若是网页正常情况下可以忽略这条命令

上传时一般这么写(传不上去多试试)

1
2
3
hexo clean
hexo g
hexo d

预览

1
hexo s

常用参数

参数 默认值 描述 参数位置
cover theme.background.path 文章封面 Front Matter
reprinted false 是否为转载文章(转载文章不会标记版权信息) Front Matter
no_word_count false 字数统计 Front Matter
password none 文章密码 Front Matter
albums [[“图片路径”, “图片描述”], [“图片路径”, “图片描述”]] 引用小图(能添加多个) Front Matter

已安装的插件

外部资料

Donate
  • Copyright: Copyright is owned by the author. For commercial reprints, please contact the author for authorization. For non-commercial reprints, please indicate the source.
  • Copyrights © 2021-2024 dabaizuihei | 白川 弘樹
  • Visitors: | Views:

买小裙子的钱

支付宝
微信