個人博客搭建
作者：張首富
時間：2020-10-09
w x：y18163201
郵箱：zsf18163201@163.com
博客地址： blog.zhangshoufu.com
blog 架構介紹
效果展示
www.zhangshoufu.com
blog.zhangshoufu.com
博客、筆記編寫介紹
安裝 Typora
軟件官網地址為： https://typora.io/
這個軟件目前支持mac 和windows，寫完markdown文章之后是實時預覽的，操作起來也比較方便,自己下載安裝即可，這里不再贅述
windows快捷鍵
- 無序列表：輸入-之后輸入空格
- 有序列表：輸入數字+“.”之后輸入空格
- 任務列表：-[空格]空格 文字
- 標題：ctrl+數字
- 表格：ctrl+t
- 生成目錄：
- 選中一整行：ctrl+l
- 選中單詞：ctrl+d
- 選中相同格式的文字：ctrl+e
- 跳轉到文章開頭：ctrl+home
- 跳轉到文章結尾：ctrl+end
- 搜索：ctrl+f
- 替換：ctrl+h
- 引用：輸入>之后輸入空格
- 代碼塊：ctrl+alt+f
- 加粗：ctrl+b
- 傾斜：ctrl+i
- 下划線：ctrl+u
- 刪除線：alt+shift+5
- 插入圖片：直接拖動到指定位置即可或者ctrl+shift+i
- 插入鏈接：ctrl + k
給代碼塊設置快捷鍵
偏好設置->打開高級設置->conf.user.json文件
"keyBinding": {
// for example:
// "Always on Top": "Ctrl+Shift+P"
"Always on Top": "Ctrl+Shift+P",
"Code Fences": "Ctrl+Shift+F",
"Ordered List":"Ctrl+Alt+o",
"Unordered List": "Ctrl+Alt+u"
},
Code Fences 代碼塊
Ordered List 數字有序列表
Unordered List 無序列表
Mac中的快捷鍵
- 最大標題：command + 1 或者：#
- 大標題：command + 2 或者：##
- 標准標題：command + 3 或者：###
- 中標題：command + 4 或者：####
- 小標題：command + 5 或者：#####
- 插入表格：command + T
- 插入代碼：command + alt +c
- 行間公式 command + Alt + b
- 段落：command + 0
- 豎線 ： command + Alt +q
- 有序列表（1. 2.） ：輸入數字+“.”之后輸入空格 或者：command + Alt + o
- 黑點標記：command + Alt + u
- 隔離線shift + command + -
- 超鏈接：command + Alt + l
- 插入鏈接：command +k
- 下划線：command +u
- 加粗：command +b
- 搜索：command +f
可參考文章：https://www.cnblogs.com/hongdada/p/9776547.html
安裝PicGo
軟件官網：https://molunerfinn.com/PicGo/
這個有mac 和windows版本，根據自己的需求下載，安裝之后我們需要配置他，我這邊配置的是自己的阿里雲的oss存儲，可以根據自己的情況設置。
配置圖床，我們這邊選擇的是阿里雲的oss，所以我們只需要在軟件里面配置即可
這里你可以選擇別的圖床
typora + PicGo實現圖片自動上傳至圖庫
1，配置好PicGo之后設置Typora
2，在Typora中，文件-->偏好設置
然后進行如下配置
然后就可以實現粘貼復制圖片自動上傳到圖床，但是有的時候有問題
注冊github賬號
注冊github賬號在這個地方不再贅述，以后有時間單獨寫篇文章介紹，這里默認大家都會注冊github賬號，我們在GitHub.com 上登陸好自己的賬號
然后創建項目，並設置成私有，這里都不贅述，關於git 和github的使用可以看這篇文章，
配置博客
通過BlogHelper 自動發布到網站
下載下來配置好自己要發布的網站之后進行發布，我們這里使用的是博客園，
美化博客園
使用BNDong 來美化博客園達到我們上面的效果，項目地址: https://github.com/BNDong/Cnblogs-Theme-SimpleMemory/tree/v1.3.3,
如何使用請查看教程：https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v1.1/#/Docs/GettingStarted/install 這里也不再贅述
通過github 實現自定義域名訪問博客園
然后到項目里面創建兩個文件，
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style media="screen">
* {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
</body>
<script type="text/javascript">
window.location.href="https://www.cnblogs.com/shoufu/"; //配置自己博客園地址
</script>
</html>
CNAME
www.zhangshoufu.com //自定義的域名
然后到setting 里面配置可以通過web訪問
setting ---> GitHub Pages ---> 然后設置成我這樣
再到域名解析網站上把 www.zhangshoufu.com解析成CNAME為shoufuzhang.github.io然后我們就可以通過自己的域名訪問博客園了。
通過DNS解析直接訪問博客園
我們在阿里雲上面配置一個隱性URL 解析就行，在DNS 解析里面設置，然后就可以正常訪問。
截至我們的博客就搭建完成了，如果部署中有問題請聯系我微信，或者郵箱