随手记

  1. HTML CSS Java Script

  2. md编辑器:Typora;代码编辑器:nopad++,VSCode,Webstrom。(不推荐使用记事本)

  3. 环境搭建:git–版本控制工具;Node–javascript运行环境;npm,cnpm,yarn–包管理工具

  4. -g (global) config–配置(文件)

  5. 熟悉一些Git命令:

    创建

    1
    2
    3
    4
    5
    git init --初始化一个git仓库
    git clone --克隆(copy)一个git仓库
    git clone git@github.com/XXXX/XXXX.git --SSH协议(最常用的是 ssh,因为速度较快,还可以配置公钥免输入密码)
    git clone git://github.com/schacon/grit.git --GIT协议
    git clone https://github.com/schacon/grit.git --HTTPS协议

    基本命令

    1
    2
    3
    4
    5
    6
    7
    8
    9
    git config  配置用户名和邮箱地址
    git config --global user.name '你的用户名'
    git config --global user.email '你的邮箱'
    git add . 将文件添加到缓存中
    git add *.java
    git status 查看相关文件的状态
    git commit 将缓存区内容添加到仓库中,可以在后面加-m选项,以在命令行中提供提交注释
    git commit -m "第一次版本提交"
    git commit -am "第一次版本提交" 想跳过add这一步,可以直接使用 -a选项

    远程仓库

    前面我们使用到的 Git 命令都是在本地执行,如果你想通过 Git 分享你的代码或者与其他开发人员合作。 你就需要将数据放到一台其他开发人员能够连接的服务器上。一般将使用 Github 作为远程仓库,来介绍Git 远程仓库的使用。远程仓库常用的几种指令:

    git remote add:添加远程仓库到本地
    git remote:查看当前的远程仓库
    git fetch、git pull:提取远程仓仓库
    git push:推送到远程仓库
    git remote rm:删除远程仓库

    1
    2
    3
    4
    git remote add [alias] [url]
    git pull [options] [<repository> [<refspec>…]]
    git push [alias] [branch] git push 推送你的新分支与数据到某个远端仓库命令

  1. hexo命令

    1
    2
    3
    4
    5
    6
    hexo cl
    hexo g 重新生成一下文件,因为我问用的是静态文件,如果有改动的话还是使用一下这个命令
    hexo s 本地预览,s-server
    hexo d 上传至github,d-deploy部署
    hexo n "title" 新建一篇文章n-new
    hexo new page tags/categories/link
  2. Visual Studio Code可以按ctrl+f搜索本页,按ctrl+shift+f全局搜索

  3. 通过git进行代码的版本控制

1
2
3
4
5
6
7
echo "# blog-code" >> README.md
git init
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin https://github.com/28742/blog-code.git
git push -u origin main
  1. “type”只有当配置标签,分类,链接时才必要配置,其余时候只有”title”和”date”两项必要配置
    可以直接使用命令:
    1
    hexo n "title"
  2. hello,world!
1
hello,world!
  1. 怎样的到图片链接?
    软件介绍:
    uTools Win/macOS 中文版 (强大的插件工具集合)由佛系软件foxirj.com整理发布。uTools 是一个极简、插件化的现代桌面软件,通过自由选配丰富的插件,打造得心应手的工具集合。通过快捷键默认 alt + space就可以快速呼出这个搜索框。你可以往输入框内粘贴文本、图片、截图、文件、文件夹等等,能够处理此内容的插件也早已准备就绪,统一的设计风格和操作方式,助你高效的得到结果。一旦你熟悉它后,能够为你节约大量时间,即用即走、不中断、无干扰,让你可以更加专注地改变世界。

自动识别
uTools支持多种输入源呼出插件,例如:字符输入、文件拖拽、截图粘贴,亦能够自动识别输入内容进入相应插件,如json、时间戳、base64等。

数据同步
uTools各插件产生的数据将保存到本地数据库中。为了便于在不同设备之间共享数据,或是预防重装系统造成数据丢失,我们提供云端数据备份同步服务,登录后可一键开启。

高度自由
uTools 一切皆插件的设计,可以允许你高度自由的定义自己的开发工具,现在你也可以扩展第三方插件或者开发属于自己的插件。
alt + space接着搜索“占位图”即可
12.
如主题作者 Jerry 所说,最好在 Hexo 的根目录创建一个文件_config.butterfly.yml,并把主题目录的_config.yml 内容复制到_config.butterfly.yml 里,以后只需要在_config.butterfly.yml 进行配置。Hexo 会自动合并主题中的_config.yml 和_config.butterfly.yml 里的配置,如果存在同名配置,会使用_config.butterfly.yml 的配置,其优先度较高。
13.
建议在 blog/source/ 下创建诸如 img/css/js 等文件夹,存放文章或网站用的素材,分门别类后续也方便维护,这是个好习惯。
Hexo 打包的时候,会自动把 /source/ 下的文件,包含到网站静态文件中去。
14.
Butterfly 在 H1~H6 样式上使用了 fontawesome.com 上的图标,引用的是 Unicode 形式。可自行查找合适的。

15.
想要在首页置顶某篇文章,只需在文章头部信息添加以下内容:

1
sticky: 1

16.
blog美化教程:https://guole.fun/posts/butterfly-custom/