目錄

• 自定義登錄頁面
• 功能預覽
• 一、Code-Server
• 二、安裝及運行
• 三、系統配置
• 四、HTTPS配置
• 五、登錄頁面自定義

自定義登錄頁面

注：本版本基于4.11.0，在此之前版本，在centos上會出現CPU占用一直100%的情況，當前版本已經搭建兩個月，綜合下來比較穩定 通過搭建Code-Server，擁有一個自己自定義話的IDE，上圖預覽

• 啟動日志如下

[2021-07-28T07:20:20.077Z] info  code-server 4.11.0 4e8cd09ef0412dfc7b148b7639a692e20e4fd6dd
[2021-07-28T07:20:20.078Z] info  Using user-data-dir ~/.local/share/code-server
[2021-07-28T07:20:20.094Z] info  Using config file ~/.config/code-server/config.yaml
[2021-07-28T07:20:20.094Z] info  HTTP server listening on http://0.0.0.0:9999 
[2021-07-28T07:20:20.094Z] info    - Authentication is enabled
[2021-07-28T07:20:20.094Z] info      - Using password from $PASSWORD
[2021-07-28T07:20:20.094Z] info    - Not serving HTTPS

• 可以通過&進行后臺運行

export PASSWORD="xxxx" && ./bin/code-server --port 8426 --host 0.0.0.0 &

• 關閉可以直接通過kill命令

netstat -tnlp | grep 8426
kill pid

• 上述運行當終端退出時會同時退出code-server，故需要在啟動腳本的時候增加nohup，終端退出不中斷進程

export PASSWORD="xxxx" && nohup ./bin/code-server --port 8426 --host 0.0.0.0 &

• 訪問 http://ip:8426 ，輸入啟動時配置的密碼即可進入登錄頁（注意看到此時是通過http進行訪問）

三、系統配置

• 從啟動日志中看到使用了配置文件內容： Using config file ~/.config/code-server/config.yaml，查看此文件內容如下

bind-addr: 127.0.0.1:8426
auth: password
password: <密碼信息>
cert: false

• 可以看到啟動配置了默認密碼信息，修改配置文件

vim ~/.config/code-server/config.yaml

bind-addr: 0.0.0.0:8426
auth: password
password: 密碼（這里的密碼需要先通過上面export啟動后生成的密文密碼，也可以不用配置，使用export導出密碼）
cert: false

• 重啟code-server，通過下面命令啟動

export PASSWORD="xxxx" && nohup ./bin/code-server &

四、HTTPS配置

默認情況下是通過http訪問，此時并不安全，例如密碼和敏感文件信息可能被攔截到，所以最好是配置https，加強安全 配置https需要SSL證書，阿里云可以申請免費的20個證書

• 在阿里云SSL整數出申請免費證書，審核通過之后下載Apache證書文件，下載完成后壓縮包內有三個文件（注意是Apache）
  • xxxx.key
  • xxxx_chain.crt
  • xxxx_public.crt

五、登錄頁面自定義

• 默認的登錄頁面如下，整體界面比較素，可以修改主頁然后自定義一個酷炫的登錄，如文章開圖所示

• login.css代碼示例，不需要的已經全部刪除了

body {
  background-image: url(../media/hacker.jpg);
  background-size: cover;
}
.password {
  background-color: rgb(244, 247, 252);
  border: 1px solid #ddd;
  box-sizing: border-box;
  color: black;
  padding: 10px;
  width: 600px;
  height: 50px;
  font-size: 1rem;
  position: relative;
  top: -3rem;
}
input:focus {
  outline: none;
}

• 重新登錄刷新頁面，恭喜你，擁有了一個自己IDE，可以在此IDE里面搞一個自己的代碼倉庫，隨時隨地coding

以上就是centos搭建code-server及配置HTTPS、登錄頁自定義的詳細內容，更多關于centos搭建code-server配置HTTPS的資料請關注其它相關文章！