一行代碼都不寫!GitHub博客小白版入門教程

2020-12-13 量子位

賴可 發自 凹非寺量子位 報導 | 公眾號 QbitAI

GitHub不僅可以傳代碼,還可以建博客。利用GitHub Pages平臺,就可以搭建非常好用的個人博客。

但是難點在於,你在要敲很多代碼才能搭出一個博客。對於小白和新手來說,太不友好。

沒關係!現在不用寫代碼也可以了。

不需要敲碼,不用寫使用命令行,可以自定義主題,還能有自己的域名。

Fast.ai提供了模版,只要註冊一個github帳號,小白就能夠完成搭建博客的操作。

真是文科生友好~

下面是小白教程。

創建存儲庫&創建主頁

首先,你需要註冊一個github帳號,並確保在線。

然後,點擊這個網頁地址:https : //github.com/fastai/fast_template/generate

註冊一個存儲庫(repository),就是存儲博客的地方。註冊名字的格式是:github上的名字+github.io;儲存庫的性質選擇公共Public。

如果選擇Private就是僅自己可見,這樣需要付費

下面就可以進行博客主頁的一些基本設置。

進入主頁,會看到的是一個名字為index.md的文件,這是個Markdown文件。Markdown是一個目前創建格式化文本的便捷又強大的方法。在輸入普通文本的時候,只需要加入一些特定字符就可以增加特定的樣式。比如在一個一個詞或者短語前後都輸入*,就可以使其變成斜體。

單擊這個文件打開它,進入新的頁面,點擊編輯按鈕,即鉛筆符號開始編輯。

點擊Preview changes可以瀏覽文本效果

△blog被設置成斜體

滾動到底部並單擊Commit changes綠色按鈕來提交。在GitHub上,「提交」意味著將其保存到GitHub伺服器。

博客的域名就是,**github上註冊的名字+github.io,頁面就會顯示剛才輸入的內容。

還可以對博客進行其它設置,單擊名為_config.yml 的文件,然後像之前一樣單擊編輯按鈕,在冒號後面輸入相應的內容,可以更改標題,描述和GitHub用戶名值。輸入的內容就會在主頁顯示。

寫文章

下面可以寫博客文章了!

所有的文章都會放在_posts文件夾中。單擊它,然後單擊創建文件按鈕,創建一個新的文件。文件名命名的格式是:year-month-day-name.md,其中year是四位數,而month和day是兩位數。「name」可以自定義,擴展名md則用於Markdown。

寫文章的時候也用Markdown來標註格式。第一行作為一級標題,開頭加上#,如果文章裡面還需要小標題,##用於二級標題,###用於三級標題。點擊Preview可以瀏覽。

同樣,點擊綠色按鈕Commit new file來提交。

提交完成後,文章就會出現在博客主頁上:

點進去的文章界面是這樣:

想刪除文章,同樣進入_posts文件夾,找到對應的文件,進行操作。

記住,和寫文章一樣,點完了刪除後,還需要點擊綠色的commit,才算操作成功。

如果想在文章裡面加入圖片,需要先把圖片上傳:

然後在文章中以如下字符串來加入:

![Image description](images/filename.jpg

如果想加博客文章索引目錄,輸入下面兩行

1. TOC{:toc}

之前寫的博文標題(以#標誌的一級標題)就會自動出現在目錄裡,並且自帶超連結。

如果想加入數學符號,可以用LaTeX的格式。

首先在_config.yml文件中進行設置,將use_math進行簡單的修改,變成這樣:

use_math: true

只需要在字符串前後各加一個$,比如$\sum_n (x)$,或者想讓它單行顯示的時候,在上下兩行各加$$,像這樣:

$$\sum_n (x)$$

顯示出來就會是:

以上~

學會這些內容,你就成了Github pages博客初級玩家,是不是超級易懂易上手?

如果你想用玩轉博客,也可繼續鑽研,說不定玩著玩著就發現,已然沉迷於技術~

傳送門

https://www.fast.ai/2020/01/16/fast_template/

相關焦點

  • 推薦幾個不錯的CUDA入門教程(非廣告)
    ❝最近因為項目需要,入坑了CUDA,又要開始寫很久沒碰的C++了。對於CUDA編程以及它所需要的GPU、計算機組成、作業系統等基礎知識,我基本上都忘光了,因此也翻了不少教程。這裡簡單整理一下,給同樣有入門需求的同學們參考一下。❞官方文檔及書籍英文好、時間充裕的同學可以精讀官方文檔或者著作。
  • TypeScript 中文入門教程
    可是在翻譯不到幾個小時之後呢,覺得不甘心,既然我放在github上,那是不是在 https://GitHub.com 可以搜索到別人的翻譯呢?大家都愛github嗎,對吧?於是在github上搜 TypeScript Handbook,果然有,翻譯的比較完整的有:既然大家都有翻譯了,那我也不必重新造輪子了,正打算放棄,突然一想,那中國那麼多想學習TypeScript的人,如果想入門豈不是和我遇到一樣的經歷,我至少知道Github,但很多初學者是不知道的,我要幫助後來者。
  • 程式設計師要不要寫博客?如何寫博客?十年 bloger 經驗分享!
    石頭大約在 2010 年左右有了自己的第一個域名,也是從那個時候開始寫博客的。至今確實有 10 年時間了。最初玩 blog,其實更多的還是抱著學習的態度。比如剛學習完了 DNS 解析,HTML 語法,不 「實戰」一把麼?然後後續又陸陸續續把讀書筆記、課程總結都往博客上放。
  • 查閱arXiv論文新神器,一行代碼比較版本差別,Github新開源!
    查閱arXiv論文新神器,一行代碼比較版本差別,Github新開源!然而,等你好不容易看完了文章,發現作者又上傳了V2、V3,一眼望去卻看不出差別,這種情況令人頭疼不已,難道又要花幾個晚上時間研究新版本?Github上的一個比較預印本論文版本差別的工具也許能幫到你,而且只需一行代碼就能實現。
  • 5個火爆 GitHub 的 Python 練習項目,快來收藏!
    今天我們繼續分享 G 站上的火爆 Pyhton 項目,既有適合小白的基礎 Python 教程,也有適合有基礎的 Python 進階項目。其實對於剛剛入門 Python 的小夥伴來說,往往都是在入門之後,就不知道方向在哪裡了。沒有目標,沒有動力,這樣慢慢的,也就失去了對於編程的喜愛,進而也就沒有繼續提升的要求了!
  • 新浪圖床快速下載markdown圖片並遷移至github教程
    碎碎念本博客站的所有圖片已經從新浪圖床遷移至github了。因為從前幾天起,新浪微博的圖床開始斷斷續續的防盜鏈,時好時壞,嚴重影響體驗。這篇教程就是就是為了幫助同樣用了新浪圖床的道友,快速把圖片遷移到其他圖床~因為之前有過用其他小平臺圖床,然後炸圖的經歷,加強了我對圖床的憂患意識。於是在換到新浪圖床的時候,在github上找到了一個python備份markdown圖片的倉庫。具體可以參考python備份hexo博客圖片這篇文章。
  • 如何搭建自己的個人博客
    所以寫博客對於程式設計師來說至關重要,在我之前的文章,我已經講述過了,寫博客給我帶來了什麼,再次不在贅述。我一開始寫博客是從簡書開始的,當時被簡書優雅的markdown寫作方式所吸引。剛開始寫文章網的閱讀量,一篇能夠達到幾百的閱讀量是非常開心的事情,如果能夠被簡書推薦到首頁能夠開心好幾天。在簡書我認識了木東居士、仗劍走天涯,並在那時建立了簡書圈,並保持了非常好的友誼關係,非常的珍貴。
  • 12 個 GitHub 上超火的 JavaScript 奇技淫巧項目,找到寫 JavaScript 的靈感!
    入門的前端都應該都知道的 ES6 開源書籍,貓哥初入前端時就是學了 阮一峰 老師開源的 ES6 內容的,一直實用至今!《ECMAScript 6 入門教程》是一本開源的 JavaScript 語言教程,全面介紹 ECMAScript 6 新引入的語法特性。本書覆蓋 ES6 與上一個版本 ES5 的所有不同之處,對涉及的語法知識給予詳細介紹,並給出大量簡潔易懂的示例代碼。
  • 教程 | GitHub for Windows使用教程(一)
    大家好啊~周二本黑分享了一篇關於Git的乾貨(沒有看過的戳 這裡 複習),深受大家的喜歡,還有部分同學留言,想要GitHub的教程,這不,教程就來啦本教程分為4個系列,今天分享系列1作者:youngxhui來源:http://youngxhui.github.io/如果你還不知道什麼是Git,只知道GitHub,但是還不會用,我想這個教程會幫助你
  • GitHub開源中文版《Go入門指南》學習教程
    比如Python作為膠水語言,上手快、使用簡單、三方庫資源豐富,機器學習的一些模型算法包,深度學習Tensorflow、Pytorch都是用Python來做主要語言。Go語言現在越來越火了,各大廠逐漸開始使用Go語言,為啥呢?
  • 【專知薈萃11】GAN生成式對抗網絡知識資料全集(理論/報告/教程/綜述/代碼等)
    今天專知為大家呈送第十一篇專知主題薈萃-生成式對抗網絡GAN知識資料大全集薈萃 (理論/報告/教程/綜述/代碼等),請大家查看!/soumith/ganhacks]The GAN Zoo千奇百怪的生成對抗網絡,都在這裡了。
  • 細數國內外前端大牛的知乎與博客
    除了寫博客以外,他還有三個網站:微趣、Italo Calvino in China和讀書公園。曾經寫過es6入門,軟體隨想錄等書籍。並在個人站點以及github帳號中積極布道,為廣大的程式設計師尤其前端提供了很好的入門以及進階的教程。
  • CTF入門指南 | 內附教程分享
    ,關於漏洞點的積累Misc則更複雜,所有與計算機安全挑戰有關的都在其中 隱寫,圖片數據分析還原,流量,大數據,對遊戲分析逆向常規做法:A方向:PWN+Reverse+Crypto隨機搭配B方向:Web+Misc組合Misc所有人都可以做入門知識:
  • ECMAScript 6 入門教程
    》是一本開源的 JavaScript 語言教程,全面介紹 ECMAScript 6 新引入的語法特性。本書覆蓋 ES6 與上一個版本 ES5 的所有不同之處,對涉及的語法知識給予詳細介紹,並給出大量簡潔易懂的示例代碼。本書為中級難度,適合已經掌握 ES5 的讀者,用來了解這門語言的最新發展;也可當作參考手冊,查尋新增的語法點。如果你是 JavaScript 語言的初學者,建議先學完《JavaScript 語言入門教程》。
  • 【簡歷加分】hexo框架搭建個人博客站點,手把手教學.
    最近,粉絲們在金九銀十期間也是不斷的面試,有比較多的畢業生說我在這個期間出多一些面試題,上幾期都是傾向於面試文章,這期出一次簡歷加分項操作,使用hexo框架搭建個人博客。作為應屆畢業生或者1-3年工作經驗的程式設計師擁有自己的個人博客站點,絕對是簡歷的加分項,然而學習的成本確實非常的低,只要幾十分鐘就能搭建好自己的個人博客。閒話不多說,下面我們就開始動手來搭建自己的博客吧!
  • 「教程篇」Hexo+ NexT 博客美化配置教程|第七篇
    嗨,大家好,今天還是繼續next主題的美化教程。加油。教程:1.修改主題頁面布局為圓角修改主題頁面為圓角,有兩種方法:第一種:打開文件,路徑:/themes/next/source/css/_variables/custom.styl複製粘貼以下代碼:
  • Python機器學習課程(代碼與教程)
    正則化代碼:https://github.com/machinelearningmindset/machine-learning-course/blob/master/code/overview/regularization教程:https://github.com/machinelearningmindset/machine-learning-course
  • 自己動手寫一行最簡單的代碼
    據說很多人寫代碼的第一句話是Hello,World。 Excel VBA自己編寫的代碼是用VB語言的,這個是很古老的程序語言,很多人說Python都已經很流行了,現在還玩這個VBA會不會過時了,淘汰了?
  • 安卓免費學習的博客,github,CSDN,視頻教程,一網打盡!
    coder-pig(Android入門):http://blog.csdn.net/coder_pig張鴻洋:http://blog.csdn.net/lmj623565791張愛民(愛哥)(自定義View):http://blog.csdn.net/aigestudio羅昇陽(老羅)(Android源碼解析):http://blog.csdn.net
  • 知乎網友:這是哪個傻逼寫的代碼 ?
    而設計模式與面向對象思維不太一樣,設計模式是人們總結的編碼經驗,目的是代碼可重用性、讓代碼更容易被他人理解、保證代碼可靠性。23 中設計模式中的編碼思維可以被反覆使用,很多人看自己多年前寫的代碼就是下面的感覺: