如何快速创建漂亮的GitHub Pages

先来一个预览吧(原始页面地址在这里,自动创建的页面在这里



接下来分步骤介绍。

以我自己的账户为例,我的用户名为fengyhack于是根目录为github.com/fengyhack

首先在自己的GitHub根目录下新建一个fengyhack.github.io

格式是<UserName>.GitHub.io

然后打开这个Repository的设置页面,如下图



然后选择【Automatic page generator】

接下来就按照自己喜欢的主题风格选择一个,然后生成page,稍后你就能看到自己的成果了。

下面这张截图是我自己创建的一个Page



这个页面比较长,因此我只截取了顶部和底部的一部分,底部有一个自由段落是我自行编辑的,添加了一个超链接

(就是连接到上面的HomePage页面)




接下来就可以根据此模板进行设计了。

这种方式比较简单。


我还尝试了另一种方式,这里也贴出来吧。

首先需要下载一个客户端 GitHub for Windows(我以Windows平台为例说明),新建一个Repository,

然后设置本地存储库位置,假设为E:/Studio/GitHub/HomePage

然后就可以去网上下载一些网站模板进行编辑,或者自己使用Dreamweaver等软件进行设计,

完成之后再发布到分支gh-pages(注意!!!)并同步。

等待一段时间之后(一般在10分钟以上吧,差不多半个小时的样子)就能看到这个网页了

输入地址https://fengyhack.github.io/HomePage就可以看到效果了,正如文章开头的预览。


另外广告一下我自己编辑的页面http://www.fengyhack.icoc.cc/index.jsp


本文涉及到GitHub的使用,例如Repository、Publish、Commit、Sync等等,具体可以参考相关教程。

本文原创,博文原始地址

http://blog.csdn.net/fengyhack/article/details/41148889

转载于:https://www.cnblogs.com/fengyhack/p/10603637.html

GitHub Pages是一个允许用户将GitHub仓库转换为网站的服务。通过GitHub Pages,您可以展示您的简历、项目、文档或任何其他内容。您可以在GitHub Pages上创建个人网页、项目页面或文档页面,使用自己设计的内容和组织架构。GitHub Pages提供了简单的方式来搭建和托管您的个人网页或项目页面。您可以使用git命令上传文件至GitHub仓库,或者直接在GitHub仓库内选择已编译好的index.html文件来快速搭建网页。GitHub Pages的URL由您的GitHub帐号名和仓库名组成,例如如果您的GitHub帐号为mygithub,需要发布的仓库名为myrepo,那么该页面的URL将为:https://mygithub.github.io/myrepo。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [【GitHub.io/Github Pages使用教程】从头开始搭建自己的Github Pages,打造个人博客网站,展示个人简历、...](https://blog.csdn.net/Xminyang/article/details/125239381)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [github pages 用法详解](https://blog.csdn.net/lancemao/article/details/126497147)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值