整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          新手建站 無需購買服務器10分鐘快速部署你的靜態網頁

          里云云開發平臺重磅推出開源應用中心,聚合最熱門的開源應用,讓你像安裝app一樣快速上線一個網站。面向新人和持續活躍的開發者用戶推出上線激勵加油包,最高100元無門檻代金券免費送,現在體驗還能夠領取年輕人的養生神器,桌面不銹鋼保溫杯!

          聚合最熱門的開源應用

          開源應用中心聚合了目前最熱門的前端開源應用模版,讓大家真正可以做到像安裝APP一樣來上線一個網站。目前已經支持最熱門的前端框架,包括Vue.js、React、Nuxt.js、Next.js、AntDesign等,還有內容管理平臺Hexo、Docusaurus、VuePress、Sapper等。使用部署開源模版非常適合您的以下場景:

          • 個人學習:輕松創建個人主頁、博客等網站,邊部署邊學習。
          • 協同開發:創建信息管理系統、CMS等前端項目,多人協同維護開發。

          云開發平臺同樣面向廣大的開源作者征集應用,對于熱門的應用我們能夠提供現金激勵、以及流量曝光等扶持。

          開源應用一鍵同步一鍵部署

          阿里云云開發平臺前端應用部署功能旨在為前端開發者改善工作環境,優化前端開發和部署體驗。同時還可以結合云開發平臺云原生的架構能力和主機應用的部署能力,讓前后端應用能夠更高效地協同。

          • 操作簡單:無需購買服務器、配環境、手動上傳文件等,云開發平臺都可以幫你自動操作,包括在需要時隨時一鍵上線/下線。
          • 使用零成本: 支持GitHub和云效的Codeup倉庫,快速將倉庫的代碼進行構建部署。
          • 免費資源扶持: 免費提供臨時的測試域名,對于新用戶和持續活躍的用戶提供免費的云資源加油包。
          • 無數量限制: 沒有使用的repo數量和應用數量的限制, 不管是開源倉庫還是自己賬戶下的repo,每一個代碼repo都可以部署為一個靜態網站。

          簡單幾步使用云開發平臺上線靜態應用

          1. 賬號準備工作

          • 你需要一個阿里云賬號,并使用阿里云賬號登錄云開發平臺 (https://workbench.aliyun.com/),按照提示創建團隊,點擊同意協議。沒有阿里云賬號就在登錄頁面注冊一個繼續登錄。
          • 擁有Github賬號 (https://github.com/),沒有就注冊一個。為保證最好的使用體驗,請使用Chrome瀏覽器。
          • 未開通阿里云OSS的用戶,點擊鏈接 (https://workbench.aliyun.com/product/open?code=oss)開通OSS服務。OSS開通免費,有一定的免費額度,超過額度之后按量付費。

          2. 創建應用

          2.1 選擇應用中心任意模版創建應用

          • 選擇應用中心任意模版創建應用。如果您之前沒有使用過云開發平臺,會出現云資源授權管理的選項,往下拉出現直至同意授權的字樣,點擊「同意授權」后出現授權成功,點擊進入「下一步」。

          • 綁定GitHub賬號。授權完成后選擇來源倉庫為GitHub,按照提示點擊去綁定,綁定GitHub帳號,登錄后并點擊Authorize AliyunWorkbench允許云開發平臺構建、發布你的GitHub代碼為可訪問的網站。 綁定完成后返回應用創建頁面,代碼倉庫按照默認「模板倉庫」以及默認主干分支不用操作,并點擊「下一步」。

          • 填寫應用信息完成創建。填寫必要的的應用信息完成創建(我們已提供默認配置),成功后進入到應用詳情和部署界面。首次登錄并沒有可選所屬生產線,點擊右側自動創建產品線即可。

          2.2 使用自己的倉庫應用創建

          • 選擇自己倉庫里需要部署的應用。除了可以使用應用中心的模版創建網站,云開發平臺也支持使用本地代碼或者開源代碼創建靜態網站。與通過模版中心的應用創建的區別在于,在綁定Gihutb之后選擇“自己的倉庫”,找到上一步自己創建的GitHub倉庫及master分支。然后在應用詳情頁面根據以上的步驟繼續填寫即可。

          • 設定部署配置。當部署的是您自己的代碼倉庫時,開發平臺需要您根據具體代碼進行簡單配置來部署成功:
            1. 編寫build.sh:代碼從源碼,經過npm打包編譯等過程,到生成為純粹HTML/CSS/JS靜態文件的全過程的shell指令,需要被完整填寫到發布分支根路徑下的build.sh文件中,例如:

          不知道如何操作?您也可直接點擊一次“部署”按鈕,之后,對默認生成的build.sh內容進行任意修改:

          b. 填寫靜態文件相對目錄:在build.sh執行后,從代碼生成出的靜態文件所在的相對目錄,需要被填寫到“部署配置-資源路徑”中。

          Tip:例如React應用(如圖),一般會填寫“./build”;Vue應用則一般為“./dist”。

          c. 調整配置:當您完成上述步驟后,發現自己的代碼仍然部署錯誤時,需查看排查部署日志,對上面的build.sh和部署資源路徑進行修改。常見的幾種部署錯誤情況如下:

          3. 在日常環境部署站點

          • 一鍵進行應用部署。在應用詳情頁面點擊日常環境的「部署」按鈕進行一鍵部署,部署狀態變成綠色已部署以后可以點擊訪問部署網站查看效果。

          • Dinosaurs網站日常環境部署好了。日常環境的測試域名也是可以訪問的,點擊訪問已部署網站按鈕會出現一個彈出,點擊彈出上的立即訪問就能夠訪問已經部署好的站點了。在部署完成后,可以繼續本地編碼,并將代碼push到應用的“基本信息”中對應的代碼倉庫內。

          4. 配置自定義域名在線上環境上線

          • 配置線上環境自定義域名。在功能開發驗證完成后要在線上環境進行部署,在線上環境的「部署配置」-「自定義域名」中填寫自己的域名。例如我們添加一個二級域名 company.workbench.fun 來綁定我們部署的前端應用。然后復制自定義域名下方的API網關地址對添加的二級域名進行CNAME配置。

          • 配置CNAME地址。復制好 API網關域名地址后,來到你自己的域名管理平臺(此示例中的域名管理是阿里云的域名管理控制臺,請去自己的域名控制臺操作)。添加記錄的「記錄類型」選擇「CNAME」,在「主機記錄」中輸入你要創建的二級域名,這里我們輸入「company」,在「記錄值」中粘貼我們之前復制的 API網關域名地址,「TTL」保留默認值或者設置一個你認為合適的值即可。

          • 在線上環境部署上線。回到云開發平臺的應用詳情頁面,按照部署的操作,點擊線上環境的「部署按鈕」,部署完成以后就在你自定義的域名進行了上線。CNAME 生效之后,我們輸入 company.workbench.fun(示例網址) 可以打開部署的頁面。至此,如何部署一個應用到線上環境,如何綁定自己的域名來訪問一個線上的應用就完成了,趕緊部署自己的應用到線上環境,用自己的域名玩起來吧 ;)

          原文鏈接:https://developer.aliyun.com/article/829641?utm_content=g_1000314028

          本文為阿里云原創內容,未經允許不得轉載。

          elican 是那些想要自我托管簡單網站或博客的 Python 用戶的絕佳選擇。

          如果你想創建一個自定義網站或博客,有很多選擇。許多提供商可以托管你的網站并為你完成大部分工作。(WordPress 是一個非常受歡迎的選項。)但是使用托管方式,你會失去一些靈活性。作為一名軟件開發人員,我更喜歡管理我自己的服務器,并在我的網站如何運行方面保持更多的自由。

          然而,管理 Web 服務器需要大量的工作。安裝它并獲得一個簡單的應用程序來提供內容是非常容易的。但是,維護安全補丁和更新是非常耗時得。如果你只想提供靜態網頁,那么擁有一個 Web 服務器和一系列應用程序可能會得不償失。手動創建 HTML 頁面也不是一個好選擇。

          這是靜態網站生成器的用武之地。這些應用程序使用模板來創建所需的靜態頁面,并將它們與關聯的元數據交叉鏈接。(例如,所有顯示的頁面都帶有公共標簽或關鍵詞。)靜態網站生成器可以幫助你使用導航區域、頁眉和頁腳等元素創建一個具有公共外觀的網站。

          我使用 Pyhton 已經很多年了,所以,當我第一次開始尋找生成靜態 HTML 頁面的東西時,我想要用 Python 編寫的東西。主要原因是我經常想要了解應用程序如何工作的內部細節,而使用一種我已經了解的語言使這一點更容易。(如果這對你不重要或者你不使用 Python,那么還有一些其他很棒的 靜態網站生成器 ,它們使用 Ruby、JavaScript 和其它語言。)

          我決定試試 Pelican 。它是一個用 Python 編寫的常用靜態網站生成器。它支持 reStructuredText (LCTT 譯注:這是一種用于文本數據的文件格式,主要用于 Python 社區的技術文檔),并且也支持 Markdown ,這需要通過安裝必需的包來完成。所有任務都是通過命令行界面(CLI)工具執行的,這使得熟悉命令行的任何人都可以輕松完成。它簡單的 quickstart CLI 工具使得創建一個網站非常容易。

          在本文中,我將介紹如何安裝 Pelican 4,添加一篇文章以及更改默認主題。(注意:我是在 MacOS 上開發的,使用其它 Unix/Linux 實驗結果都將相同,但我沒有 Windows 主機可以測試。)

          安裝和配置

          第一步是創建一個 虛擬環境 ,在虛擬環境中安裝 Pelican。

          $ mkdir test-site

          $ cd test-site

          $ python3 -m venv venv

          $ ./venv/bin/pip install --upgrade pip

          ...

          Successfully installed pip-18.1

          $ ./venv/bin/pip install pelican

          Collecting pelican

          ...

          Successfully installed MarkupSafe-1.1.0 blinker-1.4 docutils-0.14 feedgenerator-1.9 jinja2-2.10 pelican-4.0.1 pygments-2.3.1 python-dateutil-2.7.5 pytz-2018.7 six-1.12.0 unidecode-1.0.23

          Pelican 的 quickstart CLI 工具將創建基本布局和一些文件來幫助你開始,運行 pelican-quickstart 命令。為了簡單起見,我輸入了網站標題和作者的名字,并對 URL 前綴和文章分頁選擇了 “N”。(對于其它選項,我使用了默認值。)稍后在配置文件中更改這些設置非常容易。

          $ ./venv/bin/pelicanquickstart

          Welcome to pelicanquickstart v4.0.1.

          This script will help you create a new Pelican-based website.

          Please answer the following questions so this script can generate the files needed by Pelican.

          > Where do you want to create your new web site? [.]

          > What will be the title of this web site? My Test Blog

          > Who will be the author of this web site? Craig

          > What will be the default language of this web site? [en]

          > Do you want to specify a URL prefix? e.g., https://example.com (Y/n) n

          > Do you want to enable article pagination? (Y/n) n

          > What is your time zone? [Europe/Paris]

          > Do you want to generate a tasks.py/Makefile to automate generation and publishing? (Y/n)

          > Do you want to upload your website using FTP? (y/N)

          > Do you want to upload your website using SSH? (y/N)

          > Do you want to upload your website using Dropbox? (y/N)

          > Do you want to upload your website using S3? (y/N)

          > Do you want to upload your website using Rackspace Cloud Files? (y/N)

          > Do you want to upload your website using GitHub Pages? (y/N)

          Done. Your new project is available at /Users/craig/tmp/pelican/test-site

          你需要啟動的所有文件都準備好了。

          quickstart 默認為歐洲/巴黎時區,所以在繼續之前更改一下。在你喜歡的文本編輯器中打開 pelicanconf.py 文件,尋找 TIMEZONE 變量。

          TIMEZONE = 'Europe/Paris'

          將其改為 UTC。

          TIMEZONE = 'UTC'

          要更新公共設置,在 pelicanconf.py 中查找 SOCIAL 變量。

          SOCIAL = (('You can add links in your config file', '#'),

          ('Another social link', '#'),)

          我將添加一個我的 Twitter 賬戶鏈接。

          SOCIAL = (('Twitter (#craigs55)', 'https://twitter.com/craigs55'),)

          注意末尾的逗號,它很重要。這個逗號將幫助 Python 識別變量實際上是一個集合。確保你沒有刪除這個逗號。

          現在你已經有了網站的基本知識。quickstart 創建了一個包含許多目標的 Makefile。將 devserver 傳給 make 命令將在你的計算機上啟動一個開發服務器,以便你可以預覽所有內容。Makefile 中使用的 CLI 命令假定放在 PATH 搜索路徑中,因此你需要首先激活該虛擬環境。

          $ source ./venv/bin/activate

          $ make devserver

          pelican -lr /Users/craig/tmp/pelican/test-site/content o

          /Users/craig/tmp/pelican/test-site/output -s /Users/craig/tmp/pelican/test-site/pelicanconf.py

          -> Modified: theme, settings. regenerating...

          WARNING: No valid files found in content for the active readers:

          | BaseReader (static)

          | HTMLReader (htm, html)

          | RstReader (rst)

          Done: Processed 0 articles, 0 drafts, 0 pages, 0 hidden pages and 0 draft pages in 0.18 seconds.

          在你最喜歡的瀏覽器中打開 http://localhost:8000 來查看你的簡單測試博客。



          你可以在右側看到 Twitter 鏈接,左側有 Pelican、Python 和 Jinja 的一些鏈接。(Jinja 是 Pelican 可以使用的一種很棒的模板語言。你可以在 Jinja 的文檔 中了解更多相關信息。)

          添加內容

          現在你又了一個基本的網站,試著添加一些內容。首先,將名為 welcome.rst 的文件添加到網站的 content 目錄中。在你喜歡的文本編輯器中,使用以下文本創建一個文件:

          $ pwd

          /Users/craig/tmp/pelican/test-site

          $ cat content/welcome.rst

          Welcome to my blog!

          ###################

          :date: 20181216 08:30

          :tags: welcome

          :category: Intro

          :slug: welcome

          :author: Craig

          :summary: Welcome document

          Welcome to my blog.

          This is a short page just to show how to put up a static page.

          Pelican 會自動解析元數據行,包括日期、標簽等。

          編寫完文件后,開發服務器應該輸出以下內容:

          -> Modified: content. regenerating...

          Done: Processed 1 article, 0 drafts, 0 pages, 0 hidden pages and 0 draft pages in 0.10 seconds.

          在瀏覽器中刷新你的測試網站來查看更改。



          元數據(例如日期和標簽)會自動添加到頁面中。此外,Pelican 會自動檢測到 intro 欄目,并將該部分添加到頂部導航中。

          更改主題

          使用像 Pelican 這樣流行的開源軟件的好處之一是,非常多的用戶會做出更改并將其貢獻給項目。許多都是以主題形式貢獻的。

          網站的主題會設置顏色、布局選項等。嘗試一個新主題非常容易,你可以在 Pelican 主題 中預覽其中的許多內容。

          首先,克隆 GitHub 倉庫:

          $ cd ..

          $ git clone --recursive https://github.com/getpelican/pelicanthemes

          Cloning into 'pelicanthemes'...

          我喜歡藍色,那么試試 blueidea 。

          編輯 pelicanconf.py,添加以下行:

          THEME = '/Users/craig/tmp/pelican/pelican-themes/blueidea/'

          開發服務器將重新生成你的輸出。在瀏覽器中刷新網頁來查看新主題。



          主題控制布局的方方面面。例如,在默認主題中,你可以看到文章旁邊帶有元標記的欄目(Intro),但這個欄目并未顯示在 blueidea 主題中。

          其他考慮因素

          本文是對 Pelican 的快速介紹,所以我并沒有涉及一些重要的主題。

          首先,我對遷移到靜態站點猶豫不決的一個原因是它無法對文章評論。幸運的是,有一些第三方服務商將為你提供評論功能。我目前正在關注的是 Disqus 。

          接下來,上面的所有內容都是在我的本地機器上完成的。如果我希望其他人查看我的網站,我將不得不將預先生成的 HTML 文件上傳到某個地方。如果你查看 pelican-quickstart 輸出,你將看到使用 FTP、 SSH、S3 甚至 GitHub 頁面的選項,每個選項都有其優點和缺點。但是,如果我必須選擇一個,那么我可能會選擇發布到 GitHub 頁面。

          Pelican 還有許多其他功能,我每天都在學習它。如果你想自托管一個網站或博客,內容簡單并且是靜態內容,同時你想使用 Python,那么 Pelican 是一個很好的選擇。它有一個活躍的用戶社區,可以修復 bug,添加特性,而且還會創建新的和有趣的主題。試試看吧!


          via: https://opensource.com/article/19/1/getting-started-pelican

          作者: Craig Sebenik 選題: lujun9972 譯者: MjSeven 校對: wxy

          本文由 LCTT 原創編譯, Linux中國 榮譽推出

          點擊“了解更多”可訪問文內鏈接


          主站蜘蛛池模板: 一区在线观看视频| 久久亚洲AV午夜福利精品一区| 91久久精品无码一区二区毛片| 无码日韩精品一区二区免费暖暖| 亚洲AV无码一区二三区| 精品理论片一区二区三区| 国产精品一区二区无线| 色窝窝无码一区二区三区色欲 | 一区二区三区免费视频网站| 日本美女一区二区三区| 久久一区二区免费播放| 无码日韩精品一区二区人妻| 三上悠亚一区二区观看| 99久久人妻精品免费一区| 欧亚精品一区三区免费| 日本在线视频一区| 亚洲线精品一区二区三区影音先锋| 色妞色视频一区二区三区四区| 少妇精品无码一区二区三区| 无码aⅴ精品一区二区三区| 国产伦精品一区二区三区视频猫咪 | 无码一区二区三区免费视频| 无码视频免费一区二三区| 区三区激情福利综合中文字幕在线一区亚洲视频1 | 少妇一夜三次一区二区| V一区无码内射国产| 亚洲av午夜福利精品一区人妖| 日日摸夜夜添一区| 国产精品亚洲产品一区二区三区| 久久99热狠狠色精品一区| 国产精品视频无圣光一区| 色老头在线一区二区三区| 国产精品一区二区综合| 亚洲丰满熟女一区二区v| 深夜福利一区二区| 中文字幕一区日韩精品| 日本不卡一区二区三区| 精品视频一区二区三区在线播放| 亚洲无圣光一区二区| 日本美女一区二区三区| 精品少妇ay一区二区三区|