上来先放上GitHub需要fork的仓库链接https://github.com/academicpages/academicpages.github.io

fork完以后放到自己的github.io下,这部分网上很多就不多说,给个链接:https://zhuanlan.zhihu.com/p/35569424,

到这一步后就可以在网址输入***github .io访问了。

如何修改原网页内容可以参照:https://zhenggao.io/blog/2019/12/10/Jekyll-%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E7%BD%91%E7%AB%99/

制作主页左栏的图标,一般的图标可以在网站https://fontawesome.dashgame.com/找到,调用即可

如添加微博图标,只需在_config.yml中weibo一栏添加自己的微博账号。

如果要添加知乎账号,只在_config.yml添加知乎是没有图标的,需要在include文件夹下author-profile.html中改动部分代码

添加代码如下:

{% if author.zhihu %}<li><a href="https://zhihu/{{ author.zhihu }}"><i class="fab fa-zhihu" aria-hidden="true"></i> Zhihu</a></li>{% endif %}

即可添加知乎图标,目前还没找到添加B站图标的方法。

目前的效果如下:

https://gx-sun.github.io/

持续更新

推荐一个大佬的主页,可以看他的GitHub的主页源代码。

http://djinguo.com/

利用GitHub制作免费个人主页相关推荐

  1. 【保姆级教程】手把手教你用github制作学术个人主页(学者必备)

    很多朋友到了本科生或者研究生或者博士生的高年级,有了制作个人主页的需求,今天这一期博客将以academicpages模板为例,手把手教你快速制作一个简洁能用的个人主页. 1.首先你需要拥有一个gith ...

  2. 如何利用GitHub Pages免费搭建个人网站以及绑定自己的域名

    拥有自己的个人网站,无可否认是能增加学习Web开发的动力的. 本笔记记录使用GitHub Page,免费搭建个人网站,以及如何链接自己的域名. 写在前面:什么是GitHub Pages 根据官网的定义 ...

  3. 利用Github搭建免费图床

    准备GitHub账号 这一步就不用说了 新建仓库 选择新建仓库,如图 填写仓库信息 [外链图片转存失败(img-jrHsv1ze-1563860046184)(https://raw.githubus ...

  4. 利用Github免费搭建个人主页(个人博客)

    之前闲着, 利用Github搭了个免费的个人主页. 涉及: Github注册 Github搭建博客 域名选购 绑定域名 更多 一  Github注册 在地址栏输入地址:http://github.co ...

  5. github page hexo博客gitee_利用Github和hexo搭建个人免费博客

    利用Github和hexo搭建个人免费博客详细过程: 概述: 详细的介绍了利用github和hexo搭建免费的博客,内容详细,浅显易懂,容易上手,大家一起进来看看吧! 1.配置Github相关操作: ...

  6. 利用 Github Pages 和 Hugo 快速搭建免费的个人网站

    点击上方"程序猿技术大咖",关注并选择"设为星标" 回复"加群"获取入群讨论资格! 你有个人网站吗? 在自媒体时代,人人都在不断向互联网等不 ...

  7. 如何利用github搭建个人主页网站?

    本章教程告诉你如何利用github搭建一个个人静态主页网站. 适合没有服务器和域名且对网站搭建感兴趣的人玩玩,github稳定性可能差一点. 目录 一.前期准备工作 二. 创建项目仓库 三.将网站上传 ...

  8. github Pages:利用github仓库做免费服务器储存,建立个人网站

    虽然githubPage的blog可能很多人写过了,但是我讲的更加详细一点, 因为照样很多人的帖子,都是空白了几个步骤,而且版本差异, 有些方法已经变了, 顺便一提:我最讨厌那些写帖子,故意空出几个方 ...

  9. 实战:如何利用Github搭建自己的免费图床-20211106

    文档版本 2021年11月6日14:38:37更新:创建文档: 原文链接 https://zhuanlan.zhihu.com/p/353775844 1.前言 0.什么是图床 对于写博客的朋友们来讲 ...

最新文章

  1. 用PULL解析器解析XML文件
  2. Redis 高负载排查记录
  3. c# 实现 加减乘除
  4. 各种AJAX方法的使用比较
  5. ubuntu下修改键位
  6. c/c++反混淆方法
  7. jQuery学习笔记:attr()与prop()的区别
  8. 基于roslyn的动态编译库Natasha
  9. 计算机原理含汇编语言,计算机组成原理(含汇编语言)试题库.docx
  10. 分区界限必须调整为高于最后一个分区界限_不花一分钱,为SSD硬盘腾空间
  11. 学习笔记之正则表达式
  12. 小程序 ---- (引入iconfont,自定义组件内不显示iconfont)
  13. Jsp 中 include 指令和 include 动作的区别
  14. java无头浏览器_PuppeteerSharp无头浏览器.NetSdk(Puppeteer)
  15. FileZilla中文乱码解决方法 与 设置界面为中文
  16. 【Microsoft Azure 的1024种玩法】五十五.Azure speech service之通过JavaScript快速实现文本转换为语音
  17. 天人合一物我相融,站点升级渐进式Web应用PWA(Progressive Web Apps)实践
  18. python输出用逗号隔开的数字_python,得出一些数字后,怎样不输出最后一个逗号...
  19. 我的未来式计算机歌谱,【我的未来式钢琴谱】我的未来式《爱情公寓》主题曲钢琴谱_中国歌谱大全...
  20. 根据GPS获得的经纬度来获取地理位置信息

热门文章

  1. Chrome浏览器常用插件(开发者必备)
  2. jQuery - 获取兄弟元素
  3. html国内旅游计划,Web实验一 国内旅游界面
  4. 程序人生(创)一个新手程序员的两三事(未完待续...)
  5. Mysql的下载安装以及配置(超详细)
  6. 神奇的scala操作
  7. Matlab学习笔记2011-09-16【数据分析】
  8. 小程序中image标签的mode属性,防止图片调整宽高而导致拉伸的问题
  9. 无监督异常检测中的阈值确定
  10. 电子书《程序原本》小述