搭建github服务器_搭建一个属于自己的公网博客
相信每一位程序員都喜歡擁有一個屬于自己的博客。
當然,在我認為,內容以及模塊都要自己進行可擴展定義才是真正屬于自己的。
那么想要一個博客就必須要有一個服務器和一個域名,這樣的話才能讓自己的博文內容發揚光大,但是服務器的性能以及費用是一個相當重要的問題,那么怎樣才能免去服務器部分,只需要一個域名就能搭建一個能進入公網的、屬于自己的博客呢?
別著急,現在就讓我來帶領大伙來一步步搭建一個屬于自己的靜態博客。
搭建博客之前,需要各位小伙伴對編程知識有一定的了解,對服務器以及基本編程工具有初步的認知,對Git的使用有初步了解,現在先列一下搭建所需要的環境。
一個屬于自己的域名,可以在阿里云進行購買Git工具及Github倉庫NodeJs環境編輯器 例如:vscode editplus notepad++ 三選一即可那么接下來,就開始進行具體的操作步驟,關于以上工具的安裝以及環境的配置在這里不做解釋,如有需要可以進入我的博文進行找尋查看,或者去百度一下,確保環境準確無誤后再進行具體操作,以避免不必要的麻煩。
① 打開GitHub,進行登錄。
創建一個以自己的GitHub昵稱開頭的一個倉庫。
注意!一定要以自己在GitHub上的名稱開頭,因為這是你的唯一身份識別碼,而且其官網也規定了一個用戶只允許有一個這樣的倉庫。
例如我的倉庫名就是:tylt.github.io② 進行域名的購買以及配置其解析設置。
在這里域名購買我是在阿里云進行購買的,當然也可以在其它地方購買,我為博客設置的是泛解析后的域名設置,記錄類型為CNAME,指向的記錄值就是自己的倉庫名,一定要注意解析的類型以及記錄值的地址是你設置的倉庫名稱地址,在這里也就是做了一次轉移,使用自己的指定域名解析到了你的git倉庫地址。
配置完成后可進行域名測試,在瀏覽器地址欄輸入你設置的域名,頁面出現Github Pages的404頁面證明解析正常。
天宇龍騰的博客?love.tylt.xyz這是我已經搭好的,可以點進去看一下③ 進行GitHub倉庫的配置。
再回到GitHub點開已經建好的倉庫,點到Settings選項進行配置。。
往下翻,直到看到Github Pages選項,進行填寫先前在阿里云控制臺配置的域名解析,進行保存。
④ 進行Hexo博客的本地部署測試。
到了這一步倉庫以及域名的設置就完成了。
接下來要進行的就是在自己的本地進行Hexo博客的搭建以及本地部署測試,其中有很多的坑,請大伙按照順序認真進行操作。
在本地新建一個文件夾,以英文進行命名,在文件夾內右鍵打開Git Bash Here。
需要執行的命令全稱如下,圖片內含有簡寫。npm install -g hexohexo initnpm installhexo server輸入地址后,看到出現下部頁面也就是相當于在本地完成了部署,過程已經進行到了一半。
在這里它默認使用的是4000端口,如果4000端口被占用,可指定端口進行啟動。一般不出現錯誤可省略此步。
hexo s -p 5000 若端口被占用,指定5000端口啟動。⑤ 從本地倉庫上傳到Github倉庫。
使用編輯器打開本地倉庫目錄下的 _config.yml 文件進行修改。
打開后到底部,找到deploy標簽,修改或添加此三項,第二項為自己git倉庫的git鏈,可使用ssh或https兩種方式,復制過來就好。
# Deployment ## Docs: https://hexo.io/docs/deployment.html deploy:type: gitrepo: git@github.com:TYLT6688/tylt.github.io.gitbranch: master修改完成后不要忘記保存,接下來進行命令上傳操作。
hexo deploynpm install --save hexo-deployer-git安裝完此模塊后再進行 hexo d 命令即可。
執行時如果使用的是ssh它會提示輸入密碼,如果是https會提示輸入用戶名和密碼,輸入完成后才能進行完全上傳。
此時查看GitHub倉庫中是否已經上傳成功,稍等一分鐘后在瀏覽器地址欄輸入自定義的域名進行查看是否出現自己的博客,如果出現就可以讓小伙伴進行聯網訪問查看了,當然下次編輯修改時還會進行其他命令,在這里列一下,之后的配置以及美化,后期還會推出博文。
編輯后清理之前的緩存 hexo clean生成新的頁面 hexo generate生成完就可以進行上傳了 hexo deploy最后希望大家可以去看一下我的博客哈!
天宇龍騰的博客?love.tylt.xyz總結
以上是生活随笔為你收集整理的搭建github服务器_搭建一个属于自己的公网博客的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: python的变量名有哪些_【pytho
- 下一篇: pythonweb全栈开发_Web全栈开