從0開始學python第11.4節-hexo搭建自己的播客

  • 時間:2018-09-22 22:51 作者:阿達老師x少兒編程 來源:阿達老師x少兒編程 閱讀:275
  • 掃一掃,手機訪問
摘要:在前面的課程里,我們學習了使用html、css、JavaScript來開發一個網頁。這節課,我們來看看開發好的網頁怎樣部署到網絡上讓別人看到我們的作品。代碼放哪兒要想讓別人訪問到我們做的網頁,我們首先需要把自己開發的網頁文件放到一個別人能夠訪問到的地方。在git出現之前,我們需要自己找一個所有人都可

從0開始學python第11.4節-hexo搭建自己的播客

在前面的課程里,我們學習了使用html、css、JavaScript來開發一個網頁。這節課,我們來看看開發好的網頁怎樣部署到網絡上讓別人看到我們的作品。

代碼放哪兒

要想讓別人訪問到我們做的網頁,我們首先需要把自己開發的網頁文件放到一個別人能夠訪問到的地方。在git出現之前,我們需要自己找一個所有人都可以訪問到的服務器,把代碼上傳上去。

從0開始學python第11.4節-hexo搭建自己的播客

git本質是個代碼管理工具,由于我們的網頁是靜態的文件,所以只需有一個可以訪問的地址即可以加載這些文件了。我們默認從github上訪問某個html內容,github返回的是html文件,并沒有以http網頁服務的形式將頁面放回。

從0開始學python第11.4節-hexo搭建自己的播客

當我們在github創立一個項目時,可以指定開啟靜態網頁服務。這樣,github就會將這個項目視為一個網站了。

coding.net

coding.net是國內基于git的代碼托管網站,也提供了靜態網頁服務。相比于github,coding.net擁有更好的訪問速度。下面我們就在coding.net下把我們寫的代碼部署好。

  1. 首先,我們打開coding.net 注冊一個自己的賬號。

  2. 進入https://coding.net/user頁面,點擊右上角加號創立一個項目。項目名稱和項目按照自己想法填寫。
    從0開始學python第11.4節-hexo搭建自己的播客

  3. 項目創立好后,我們記錄下項目的git地址。打開代碼菜單下的Pages服務,選擇意見開啟靜態Pages。

  4. 除了代碼托管,coding.net還給我們提供了一個在線寫代碼的平臺,我們點擊coding studio。頁面會提醒我們前往IDE,進入在線編碼環境。

  5. 我們點擊新建工作空間。在打開的頁面里我們選擇剛剛創立的項目。頁面會提醒我們默認的工作空間配置,這個不用改變,點擊創立。頁面就進入IDE開發環境。
    從0開始學python第11.4節-hexo搭建自己的播客

hexo

在把我們自己寫的代碼放到coding.net之前,我們先學習一下hexo。
hexo是一個快速、簡潔且高效的博客框架。我們不需要學習太多知識即可以搭建一個自己的播客。按照下面的操作即可以在coding.net完成自己的播客的搭建。

從0開始學python第11.4節-hexo搭建自己的播客

安裝hexo

  1. 在ide里修改工作空間運行環境為hexo。

  2. 在終端中運行hexo init 項目名稱 項目名稱可以任意填寫。(此步比較耗時)

  3. 運行命令:cd 項目名稱 ;運行命令:npm install

  4. 修改hexo配置文件。打開項目里的\_config.yml 文件。
    1)更改部署方式:

deploy: type: git repo: https://git.coding.net/xiaomomolqj/blog.git branch: master message: blog update

2)設置中文渲染 language: zh-CN
3)更改訪問路徑:

root: /blog

這里的root目錄是就是我們輸入的項目名稱。

寫自己的blog

  • 使用命令hexo new 名稱,新建一個title為名稱的文章。

  • 在title文章里寫自己想寫的內容

部署

在終端中運行命令hexo g & hexo d ,編譯并部署我們剛剛新添加的文件。在部署過程中終端會提醒我們輸入coding.net的客戶名和密碼。部署完成后我們即可以訪問自己的播客了。
在coding.net的Pages服務里點擊訪問地址,瀏覽器就打開了我們搭建的blog,是不是很酷!
從0開始學python第11.4節-hexo搭建自己的播客

增加自己設置頁面

現在我們把自己的blog搭建好了,那怎樣把自己寫的網頁放進去呢?我們可以按照下面的操作步驟把自己寫的網頁也發布到hexo里。
1)創立自己設置網頁的文件夾
在ide的終端里進入項目文件夾,創立自己設置網頁目錄:mkdir src
2)新建自己設置網頁
在終端里用touch index.html 命令新添加 index.html網頁。將自己的代碼copy到index.html里面。
3)配置不使用hexo渲染
_config.yml里添加配置:skip_render: source/src/**
4)發布
運行命令:hexo g & hexo d 部署頁面。
經過上面的操作,我們就把自己的網頁部署到hexo上了,比方我們上節課寫的計算器網頁:http://xiaomomolqj.coding.me/blog/src/index.html
從0開始學python第11.4節-hexo搭建自己的播客

自己搭建服務器

通過coding.net和hexo,我們可以搭建一個自己的靜態網站,下節課,我們一起學習一下怎樣用python搭建動態網站。

從0開始學python第11.4節-hexo搭建自己的播客阿達老師-孩子身邊的編程專家
完整課程請關注阿達老師,主頁里有完整的課程目錄和觀看地址

  • 全部評論(0)
最新發布的資訊信息
【系統環境|】如何選擇一家專業的游戲軟件開發公司?(2020-05-13 15:56)
【系統環境|服務器應用】樹莓派安裝TensorFlow(2020-04-24 21:11)
【系統環境|服務器應用】防面試-SD_WebImage(2020-04-24 21:11)
【系統環境|服務器應用】推薦一款視頻控件xgplayer(2020-04-24 21:11)
【系統環境|服務器應用】PostgreSQL 源碼解讀(27)- 查詢語句#12(查詢優化-上拉子鏈接#2)(2020-04-24 21:11)
【系統環境|服務器應用】如何輕松學習JavaScript?(2020-04-24 21:10)
【系統環境|服務器應用】【源碼剖析】Launcher 8.0 源碼 (12) --- Launcher 啟動流程 第五步之計算桌面各布局細節參數(2020-04-24 21:10)
【系統環境|服務器應用】前臺碰撞室之console.log與文本字符(2020-04-24 21:10)
【系統環境|服務器應用】好用的Middleware實現(2020-04-24 21:10)
【系統環境|服務器應用】前臺面試每日 3+1 —— 第373天(2020-04-24 21:10)
手機二維碼手機訪問領取大禮包
返回頂部
广东11选5今天开奖