从零开始的个人博客搭建04——10分钟完成Linux系统下的静态网站部署
前情提要:昨天兴致勃勃地在腾讯买了个域名,准备给部署到腾讯云COS的网站使用,然后发现不买腾讯云的服务器居然没法备案,因为之前已经买过一次腾讯的服务器,导致这次享受不到首单优惠,买一年轻量要一百多,不想花这钱,于是把目光转向阿里,参加新人活动白嫖了三个月的服务器,决定先跑通整个流程后面再考虑买长期。目前腾讯阿里华为都在搞年终活动,买服务器还是比较便宜的,我把活动页面放在下面,有需要可以自行考虑购买。
腾讯云活动页面:https://cloud.tencent.com/act/pro/bestselling?from=21736
阿里云活动页面:https://www.aliyun.com/daily-act/ecs/activity_selection?spm=5176.28508143.J_ahRFo5CaAe_asSOaCgS4J.6.e939154a2unRUe&scm=20140722.M_10071131.P_149.MO_2274-ID_10071131-MID_10071131-CID_30876-ST_9607-V_1
具体步骤:话不多说直接上实操
1 ...
更改ssh端口解决Github仓库连接问题
吃着火锅唱着歌,有一天Github突然就连不上了,报错:ssh:connect to host github.com port 22: Connection timed out,通过查阅各种资料,得知原因可能是由于电脑的防火墙或者其他网络原因导致ssh连接方式 端口22被封锁。
如果22号端口不行,那就换一个端口。
打开ssh公钥的目录 C:\Users\dell.ssh,在目录下创建一个Config文件,注意Config文件没有后缀,然后将如下配置复制进文件里保存退出
123456Host github.comUser [替换成你的邮箱]Hostname ssh.github.comPreferredAuthentications publickeyIdentityFile ~/.ssh/[替换成你的ssh私钥文件名]Port 443
替换后执行以下命令测试连接
1ssh -T git@github.com
弹出提示是否继续,确定
如果提示访问成功就可以正常进行Git拉取和提交操作了
从零开始的个人博客搭建03——PicGo+腾讯云COS搭建图床配合Typora提升写作体验
一、背景此前笔者在写作时,都是直接在项目里直接用VSCode写作,当涉及到图片的插入时,因为开发环境和部署环境路径的不同,默认不支持本地预览,如果要在本地和线上环境都能正常显示图片非常费劲(需要安装插件+每个文章建一个同名文件夹,还有若干的限制),非常痛苦。
因此一个能在线下和线上都正常预览图片的简单高效写作方法,成为刚需。
通过多方查找资料,找到了**Typora和其内置PicGo**
二、Typora和PicGO简介1.什么是Typora?Typora是一款知名度很高的Markdown编辑器,以前用过它的基础功能,当时还是免费的内测版,现在已经发布了正式版,89块钱即可购买永久使用。我们需要使用它的图片上传功能。
2.什么是PicGo?PicGo是一款图片上传插件,支持对多种图床的上传操作,本文使用的1.7.6版本Typora中就有PicGO插件的配置选项。
关于图床的解释可以参考这篇知乎的回答,简单地讲,图床就是专门存放图片的服务器,最好拥有庞大的存储空间(这一点对象存储完美满足),图床中可以给主服务器减小压力。
https://www.zhihu.com/question/ ...
从零开始的个人博客搭建02——GitHub Action+腾讯云COS实现国内部署
一、实现原理Github仓库收到代码push后,执行GithubAction,自动打包构建,并将生成的静态资源文件推送到腾讯云COS存储桶内,借助腾讯云COS的静态网站功能,完成博客的自动构建。
二、相关概念2.1 什么是GithubAction?Github Actions 是 GitHub 推出的持续集成 (Continuous integration , 简称 (CI) 服务 , 它提供了配置虚拟服务器环境 , 基于它可以进行构建 、 测试 、 打包 、 部署项目 。
GitHub Actions 为每个任务 (job) 都提供了一个虚拟机来执行 , 每台虚拟机都有相同的硬件资源 :
2-core CPU7 GB RA M 内存14 GB SSD 硬盘空间(实测硬盘总容量为 90G 左右 , 可用空间为 30G 左右)
使用限制:
每个仓库只能同时支持 20 个 workflow 并行 。每小时可以调用 1000 次 GitHub API 。每个 job 最多可以执行 6 个小时免费版的用户最大支持 20 个 job 并发执行 , macOS 最大只支持 5 个私有仓库每月 ...
MD常用语法速查
1.多级标题# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题2.使用双回车换行hellow,
world
3.强调*斜体*
*粗体*
4.删除线
语法:双波浪线包裹
被删除文本
5.分隔线
语法:*** 或 —
6.下划线()<u>下划线文本</u>
7.图片插入
语法:
8.代码块插入(可指定语言)语法:```js
console.log(‘hellow,world!’)
```
1console.log('Hellow,world!')
9.引用
> 这是一个引用
10.无序列表1234语法:+ 红的+ 黄的+ 蓝的
红的
黄的
蓝的
11.有序列表12341. 第一点2. 第二点3. 第三点4. 第四点
第 ...
从零开始的个人博客搭建01——使用Hexo框架搭建前端博客项目+githubPage部署
记录使用Hexo框架的建站过程1.全局安装hexo1$ npm i hexo-cli -g
2.使用命令快速搭建博客项目1$ hexo init [文件夹名]
3.调试运行1$ hexo server
4.一建部署到githubPage
参考Hexo官方的GitHub Pages部署文章: https://hexo.io/zh-cn/docs/github-pages
5.安装butterfly主题1npm i hexo-theme-butterfly
参考butterfly官方文档进行配置: https://butterfly.js.org/posts/21cfbf15/#%E6%87%89%E7%94%A8%E4%B8%BB%E9%A1%8C
6.页面背景特效和鼠标点击效果美化
参考butterfly官方文档进行配置: https://butterfly.js.org/posts/ceeb73f/
7.页脚养鱼123456#在主题配置文件注入jquery和页脚养鱼代码inject: head: - <script src="https:// ...