国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁(yè) > 營(yíng)銷資訊 > 網(wǎng)站運(yùn)營(yíng) > 用 Github Pages 制作個(gè)人主頁(yè)的一點(diǎn)感悟

用 Github Pages 制作個(gè)人主頁(yè)的一點(diǎn)感悟

時(shí)間：2023-07-06 01:33:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-07-06 01:33:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

用 Github Pages 制作個(gè)人主頁(yè)的一點(diǎn)感悟：

導(dǎo)言

最近咱TA們都在為Job Market 做準(zhǔn)備，而大家?guī)缀醵加袀€(gè)人主頁(yè)，由此激發(fā)了我對(duì)這東西的興趣。個(gè)人主頁(yè)的制作有點(diǎn)意思，這類portfolio類的網(wǎng)站 算是很簡(jiǎn)單的網(wǎng)頁(yè)，在不需要學(xué)什么語(yǔ)言的情況下就能順利地搞出屬于自己的個(gè)人網(wǎng)頁(yè)，不過(guò)在不了解情況時(shí)，我也以為做這主頁(yè)是個(gè)很牛的活（當(dāng)然高端復(fù)雜的設(shè)計(jì)的確很牛）。

不過(guò)主頁(yè)這東西，對(duì)于 PhD 而言，有的人說(shuō)二年級(jí)之前就得做一個(gè)先，之后 Teaching 的 materials 可以上傳上去，實(shí)時(shí)管理； 也有的人會(huì)四年級(jí)再做，畢竟簡(jiǎn)單半天不到就搞好了。這就看個(gè)人情況了，我倒覺(jué)得不錯(cuò)的主頁(yè)非常賞心悅目，且做起來(lái)又不費(fèi)時(shí)間，早早弄一個(gè)，之后看到更好的排版也可以修改嘛。至于想進(jìn)企業(yè)的人兒，在簡(jiǎn)歷中蹦出一個(gè)personal websites，應(yīng)該也給人有新鮮感。




Github Pages

其實(shí)除了 Github Pages，還有許多不用寫(xiě)代碼的個(gè)人網(wǎng)站制作平臺(tái)，比如 Google Sites, Weebly, WiX, Wordpress 以及學(xué)校自己的服務(wù)器。

對(duì)于個(gè)人網(wǎng)站制作平臺(tái)，的確是一個(gè)不錯(cuò)的選擇，更多可參見(jiàn)：
怎樣在不會(huì)做網(wǎng)站的前提下?lián)碛袀€(gè)人網(wǎng)站？ 。 學(xué)校服務(wù)器則和制作平臺(tái)差不多，有的也可以上傳 CSS 和 HTML 來(lái)編寫(xiě)個(gè)人網(wǎng)頁(yè)，那就和 GitHub Pages 差不多了。而對(duì)于在服務(wù)器中購(gòu)買域名，然后搭建... 那我就不懂了，一個(gè)小小的個(gè)人主頁(yè)似乎也用不上？

至于為什么使用 GitHub Pages，除了國(guó)內(nèi)外都可訪問(wèn)，更重要的則是可以方便地同步網(wǎng)站信息與自己的代碼及相關(guān)課件，非常適合既需要一些或很多編程又需要上傳 Paper 和各種文件的經(jīng)濟(jì)學(xué)孩紙們（Theoretical 除外？）

在介紹之前，基本上就是本站上關(guān)于 GitHub Pages 建站相關(guān)的高票回答和文章：
- 怎樣做一個(gè)漂亮的 GitHub Pages 首頁(yè)？
- 程序員必備技能：在Github Pages上部署自己的簡(jiǎn)歷

之所以要寫(xiě)這篇文章，是因?yàn)槲也](méi)有用以上鏈接給出的方法或模板，因?yàn)樗鼈冏屛矣幸环N看起來(lái)很復(fù)雜的感覺(jué)。




STEP-1 找到喜歡的模板

Github 是個(gè)管理和記錄代碼的網(wǎng)站（不了解的童鞋可以看：怎樣使用 GitHub？）。

首先，根據(jù) Github Pages 的介紹， 進(jìn)行初步配置：

進(jìn)入 Github，點(diǎn)擊 create a new repository來(lái)創(chuàng)建新的庫(kù)， 用 username.github.io 來(lái)命名

點(diǎn)擊完成后，接下來(lái)可以照著 Github Pages 的介紹做，BUT，這里介紹另一個(gè)神方法。

既然我們搭建個(gè)人網(wǎng)站的主要目的是來(lái)放自己的Bio、CV、Research、Teaching, etc. 而且關(guān)于 GitHub Pages 的介紹一般都是 有什么模板、有什么主題，不同的模板使用的代碼和模式都不太一樣，有的用html, 有的用 CSS，有的則是 markdown, 還有的則是 php. 雖然基于模板可以照著葫蘆畫(huà)瓢但若有格式不懂，要需要去查閱相關(guān)這些代碼， 有一定的門檻， 也會(huì)浪費(fèi)更多時(shí)間。

所以，除了clone 一個(gè)現(xiàn)成 template 這法子，還可以去找那些你認(rèn)為不錯(cuò)的個(gè)人主頁(yè)，再倒過(guò)來(lái)編輯TA所使用的模板和主題。對(duì)于制作一個(gè)學(xué)術(shù)的個(gè)人主頁(yè)，當(dāng)然是去借鑒各校 Job Market Candidates 的主頁(yè)最佳。

舉個(gè)栗子：
NEBR 會(huì)把所有高校的 Job Market Candidates 綜合在一個(gè)頁(yè)面里： Ph.D. Candidates in Economics， 選擇你需要看的相關(guān)高校，就能輕易找到他們的個(gè)人主頁(yè)，例如：
來(lái)自 NYU 的 Keith ；UPF 的 Paul ；或者 IZA 的Tylor

他們的個(gè)人主頁(yè)基本都能找到一個(gè) Github 的鏈接：




跳轉(zhuǎn)回 GitHub 后，找到他們 http://github.io 的庫(kù)：




clone or download 到自己的庫(kù)中，現(xiàn)成的學(xué)術(shù)型模板就完工了。

如果是 http://github.io 的網(wǎng)站，那么你總會(huì)在TA的 GitHub-repositories 中找到， 如果不是 github 建站，但你又特別喜歡該網(wǎng)站的樣式，你可以通過(guò)觀察網(wǎng)頁(yè)是否有模板鏈接(多數(shù)在頁(yè)面最下方)，如果沒(méi)有模板鏈接，你也可以選擇右擊頁(yè)面 - inspect




選擇 Sources, 從而查看該頁(yè)面的所有代碼和文件：




下載這些文件，上傳到自己的 http://github.io 庫(kù)中，也能得到模板。

STEP-2 怎么修改模板？

以 Tyler的主頁(yè)為例：




可以看到：

相關(guān)主題的代碼文件在 assets; javascripts; stylesheets三個(gè)文件夾 中，暫時(shí)不管它們；

teaching、research 兩個(gè)文件包含了他 teaching、 research 兩個(gè)界面中上傳的相關(guān)文件，我們也可以相應(yīng)地在這里儲(chǔ)存管理我們的文件；

剩下的 html 文件則是我們需要首先編輯修改的，其中 index.html 是首頁(yè)的信息；其他文件可以自主命名；

以 index.html 為例：

<!doctype html><html> <head> <script src="https://use.fontawesome.com/baff6f55f5.js"></script> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="chrome=1"> <title>Tyler Ransom by tyleransom</title> <link rel="stylesheet" href="stylesheets/styles.css"> <link rel="stylesheet" href="stylesheets/github-light.css"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <!--[if lt IE 9]> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-29643011-3', 'auto'); ga('send', 'pageview'); </script> <!-- For all browsers --> <link rel="stylesheet" href="assets/css/academicons.min.css"/> <link rel="stylesheet" href="assets/css/academicons.css"/> </head>以上這部分沒(méi)啥可動(dòng)的，基本都在表達(dá)怎樣引用網(wǎng)上或已下載到 assets、stylesheet 中的文件，算作主題模板部分吧。其中 title 就是別人打開(kāi)你網(wǎng)頁(yè)時(shí)小標(biāo)簽顯示的名字，你修改成你的名字(加機(jī)構(gòu))，

<body> <div class="wrapper"> <header> <h1>Tyler Ransom</h1> <p>Assistant Professor of Economics<br>University of Oklahoma</p> <p>Research Affiliate<br><a href="http://legacy.iza.org/en/webcontent/personnel/photos/index_html?key=24155">Institute for the Study of Labor (IZA)</a></p> <h3><p class="view"><a href="https://tyleransom.github.io/">Home</a></p></h3> <h3><p class="view"><a href="https://tyleransom.github.io/research.html">Research</a></p></h3> <h3><p class="view"><a href="https://tyleransom.github.io/research/CV.pdf">CV</a></p></h3> <h3><p class="view"><a href="https://tyleransom.github.io/code.html">Code</a></p></h3> <h3><p class="view"><a href="https://tyleransom.github.io/teaching.html">Teaching</a></p></h3> <h3><p class="view"><a href="https://tyleransom.github.io/personal.html">Personal</a></p></h3> <p class="view"><b>Social</b><br> <a href="mailto:ransom@ou.edu" class="author-social" target="_blank"><i class="fa fa-fw fa-envelope-square"></i> Email</a><br> <a href="https://scholar.google.com/citations?user=eohlTTcAAAAJ&hl=en" target="_blank"><i class="ai ai-fw ai-google-scholar-square"></i> Scholar</a><br> <a href="http://ideas.repec.org/f/pra541.html"><i class="fa fa-fw fa-share-alt-square"></i> RePEc</a><br> <a href="http://github.com/tyleransom"><i class="fa fa-fw fa-github-square"></i> GitHub</a><br> <a href="http://twitter.com/tyleransom" class="author-social" target="_blank"><i class="fa fa-fw fa-twitter-square"></i> Twitter</a><br> <a href="http://linkedin.com/in/tyleransom" class="author-social" target="_blank"><i class="fa fa-fw fa-linkedin-square"></i> LinkedIn</a><br> <p><b>Contact:</b><br>Department of Economics<br>University of Oklahoma<br>322 CCD1, 308 Cate Center Drive<br>Norman, OK 73072</p> </header>這一部分為主體部分，包括邊框和導(dǎo)航欄等，然后修改各個(gè)超鏈接，例如郵箱、社交賬號(hào)、學(xué)術(shù)主頁(yè)、聯(lián)系方式， 依照他的內(nèi)容，替換成自己的即可；
注意到其導(dǎo)航欄的超鏈接(<a href=" ">)也需要替換到自己的 github.io 域名下。

<section> <h3> <img src="IMG_2409 edit pro photo square small.jpg" height="250" width="250"></h3> <p>I am currently an Assistant Professor of <a href="http://cas.ou.edu/economics">Economics</a> at the <a href="http://www.ou.edu/">University of Oklahoma</a> and Research Affiliate at the <a href="https://www.iza.org/">Institute for the Study of Labor (IZA)</a>. I graduated with a PhD in <a href="http://econ.duke.edu">Economics</a> from <a href="http://www.duke.edu">Duke University</a> in May 2015.</p> <p>My research interests include labor economics, urban economics, the economics of education, and applications of machine learning.</p> </section> <footer> <p><small>Hosted on GitHub Pages &mdash; Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p> </footer> </div> <script src="javascripts/scale.fix.js"></script> </body></html>這一部分則是主頁(yè)頁(yè)面的正文內(nèi)容了， 主頁(yè)一般就 say hello， 參考各大 PhD Candidate 寫(xiě)自己的就好

綜合參考多個(gè)主頁(yè)

如果你還有時(shí)間，也可以參考不同的個(gè)人主頁(yè)，綜合他們的優(yōu)缺點(diǎn)，融合到自己的網(wǎng)站中。因?yàn)槟阍谇皟刹揭呀?jīng)對(duì)這些代碼文件比較熟悉了，所以這時(shí)候你可以知道，怎么復(fù)制粘貼融合了，使用 A 的主題格式， B 的 內(nèi)容寫(xiě)法 等等。

結(jié)語(yǔ)

有些個(gè)人網(wǎng)站非常不錯(cuò)，不僅上傳他上課的 Notes, 他 Teaching 的 作業(yè)和答案， 還有的會(huì)論文相關(guān)代碼等。如果你也是一個(gè)愛(ài)分享的人，不妨試著搭建自己的個(gè)人網(wǎng)站來(lái)寫(xiě)博客、分享代碼吧！










Thanks




Edited by econdoggy

關(guān)鍵詞：感悟

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉