blog搭建随手记(一)
随手记
-
HTML CSS Java Script
-
md编辑器:Typora;代码编辑器:nopad++,VSCode,Webstrom。(不推荐使用记事本)
-
环境搭建:git–版本控制工具;Node–javascript运行环境;npm,cnpm,yarn–包管理工具
-
-g (global) config–配置(文件)
-
熟悉一些Git命令:
创建
1
2
3
4
5git 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
9git 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
4git remote add [alias] [url]
git pull [options] [<repository> [<refspec>…]]
git push [alias] [branch] git push 推送你的新分支与数据到某个远端仓库命令
-
hexo命令
1
2
3
4
5
6hexo cl
hexo g 重新生成一下文件,因为我问用的是静态文件,如果有改动的话还是使用一下这个命令
hexo s 本地预览,s-server
hexo d 上传至github,d-deploy部署
hexo n "title" 新建一篇文章n-new
hexo new page tags/categories/link -
Visual Studio Code可以按ctrl+f搜索本页,按ctrl+shift+f全局搜索
-
通过git进行代码的版本控制
1 |
|
- “type”只有当配置标签,分类,链接时才必要配置,其余时候只有”title”和”date”两项必要配置
可以直接使用命令:1
hexo n "title"
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/