溫馨提示：作者最近10年的工作學(xué)習(xí)筆記（涉及網(wǎng)絡(luò)、安全、運(yùn)維、開發(fā)、機(jī)器學(xué)習(xí)），需要學(xué)習(xí)實(shí)踐筆記的看友，可添加作者賬號(hào)[WeiyiGeeker]，目前價(jià)格￥199，除了獲得從業(yè)筆記的同時(shí)還可進(jìn)行問(wèn)題答疑,相關(guān)工具以及每月遠(yuǎn)程技術(shù)支持，希望各位看友多多支持，收獲定大于付出！下面大致看看作者筆記中的大綱內(nèi)容。

操作步驟

Step 1.將個(gè)人筆記代碼倉(cāng)庫(kù)克隆到本地，并進(jìn)入/opt/code-server/project/目錄中, ?初次使用 SSH 協(xié)議進(jìn)行代碼克隆、推送等操作時(shí)，需按下述提示完成 SSH 配置，在Gitee上做公密鑰認(rèn)證（https://gitee.com/profile/sshkeys）就不在累述了。

#?安裝?git
apt?install?git#?生成獲取?RSA?公密鑰
ssh-keygen?-t?rsa
cat?~/.ssh/id_rsa.pub#?拉取筆記
cd?/opt/code-server/project/
git?clone?git@gitee.com:WeiyiGeek/blog.git#?設(shè)置目錄文件權(quán)限（只有root用戶可讀可寫，其他用戶只讀）, 防止大家誤修改筆記！
chown?-R?root:root?/opt/code-server/project/blog
chown?-R?754?/opt/code-server/project/blog

Step 2.創(chuàng)建一個(gè)docker-compose.yaml文件，并編寫如下內(nèi)容，其中DOCKER_USER=ubuntu表示容器內(nèi)用戶為ubuntu，TZ=Asia/Shanghai設(shè)置時(shí)區(qū)，并進(jìn)行在線vscode的一些安全配置，禁用一部分功能以及禁止訪問(wèn)到外網(wǎng)（PS: com.docker.network.bridge.enable_ip_masquerade），最后將個(gè)人筆記代碼倉(cāng)庫(kù)掛載到容器中。

tee?/opt/code-server/docker-compose.yaml?<<EOF
version:?'3.9'
services:vscode-server:container_name:?code-serverimage:?registry.cn-hangzhou.aliyuncs.com/weiyigeek/code-server:latestcommand:?--bind-addr?0.0.0.0:8080?--disable-update-check?--disable-file-downloads?--disable-file-uploads?--disable-proxy?--ignore-last-opened?--disable-getting-started-override?--welcome-text?"歡迎訪問(wèn)，全棧工程師修煉必備筆記站點(diǎn)!"user:?"1000:1000"ports:-?127.0.0.1:3002:8080environment:-?TZ=Asia/Shanghai-?DOCKER_USER=ubuntuvolumes:-?/opt/code-server/.local:/home/coder/.local-?/opt/code-server/.config:/home/coder/.config-?/opt/code-server/project/blog/source/_posts:/home/coder/projectdns:-?127.0.0.1-?127.0.1.1networks:-?privatenetworks:private:driver:?bridgedriver_opts:com.docker.network.bridge.enable_ip_masquerade:?'false'
EOF

Step 3.部署資源清單創(chuàng)建容器，并且驗(yàn)證容器狀態(tài)是否正常。

$?docker-compose?up?-d
$?docker?ps#?CONTAINER?ID???IMAGE????????????????????????????????????????????????????????????COMMAND??????????????????CREATED???????STATUS???????PORTS???????????????????????????????????????NAMES#?cd290e6326f5???registry.cn-hangzhou.aliyuncs.com/weiyigeek/code-server:latest???"/usr/bin/entrypoint…"???12?days?ago???Up?12?days???127.0.0.1:3002->8080/tcp????????????????????code-server#?進(jìn)入容器驗(yàn)證是否能訪問(wèn)外網(wǎng)（可以參考已經(jīng)無(wú)法訪問(wèn)外網(wǎng)了）
$?docker?exec?-it?code-server?bash
ubuntu@cd290e6326f5:~$?curl?-I??weiyigeek.top
curl:?(6)?Could?not?resolve?host:?weiyigeek.top

Step 4.然后訪問(wèn)作者前面搭建部署的1panle面板進(jìn)行，通過(guò)使用Openresty中間件（若沒(méi)有安裝可參考此篇《部署OpenResty一個(gè)基于 Nginx 與 Lua 的高性能 Web 平臺(tái)》文章），設(shè)置在線VScode的反向代理地址http://127.0.0.1:3002到443端口訪問(wèn)，并配置好域名解析到note.weiyigeek.top。

location?^~?/?{proxy_pass?http://127.0.0.1:3002;?proxy_set_header?Host?$host;?proxy_set_header?X-Real-IP?$remote_addr;?proxy_set_header?X-Forwarded-For?$proxy_add_x_forwarded_for;?proxy_set_header?REMOTE-HOST?$remote_addr;?proxy_set_header?Upgrade?$http_upgrade;?proxy_set_header?Connection?"upgrade";?proxy_set_header?X-Forwarded-Proto?$scheme;?proxy_http_version?1.1;?add_header?X-Cache?$upstream_cache_status;?add_header?Strict-Transport-Security?"max-age=31536000";?
}

Step 5.為了安全起見(jiàn)，還在 OpenResty 啟用了 auth 遠(yuǎn)程身份認(rèn)證，為每個(gè)購(gòu)買我筆記的讀者分配一個(gè)賬號(hào)密碼，在瀏覽器中輸入https://note.weiyigeek.top/進(jìn)行認(rèn)證后，即可訪問(wèn)到在線 VScode 網(wǎng)頁(yè)版中搭建的作者十年的學(xué)習(xí)工作筆記（PS: 作者通常會(huì)在每周五持續(xù)更新筆記喲！），最后若有需要筆記的小伙伴們可以添加作者【W(wǎng)eiyiGeeker】，說(shuō)明來(lái)意。

至此，在線VScode IDE中搭建個(gè)人Markdown知識(shí)庫(kù)實(shí)踐完畢！

參考文檔：https://coder.com/docs/code-server/FAQ

感覺(jué)文章不錯(cuò)的童鞋，請(qǐng)幫忙轉(zhuǎn)發(fā)，點(diǎn) 👍、在看，若有疑問(wèn)的小伙伴，可在評(píng)論區(qū)留言你想法喲💬！