搭建我的github pages 主页网站

简介: 如何搭建我的github pages主页网站

近期我开始在github上搭建个人主页。


我用的是Jekyll, 产生静态页面。  首先在我的win10电脑上装了  ruby, Jekyll,   过程很顺利, 生成第一个本地静态网站过程中,  没遇到问题。  并成功的部署到了github上。


但我想选择个灵活性更大的 theme,  我自然想起来  tailwind css,  它是基础css工具, 有很强的设计能力, 这是我想要的,  因为我想让我的网站更个性化,同时学些css知识。


用tailwind +  Jekyll  + github的过程有点不顺利,  因为要首先搞定  nodejs的相关包,

最终我使用了  gulp 打包生成编译后的css, 然后放在site 目录下,再放到git上。  这样可以避免使用 github workflow  ,  但我日后还是要研究研究github workflow。


接着我又遇到  Markdown 排版及代码高亮的问题,  经过简单查询,发现  tailwind typographic +   rouge + Pygments 可以解决这个问题。  


最终,经过1周业余时间的搭建,  我的个人主页建好了。  网址如下:  https://hothhua.github.io/


这个网站是个不错的开始, 虽然离梦想还远。


今天看到 阿里乘风者计划, 也很想在这里写文章,开始提高自己的技术写作能力。感谢这个计划。

相关文章
|
6月前
|
程序员 SEO
手把手教你搭建属于自己的网站(获取被动收入),无需服务器,使用github托管
手把手教你搭建属于自己的网站(获取被动收入),无需服务器,使用github托管
204 2
手把手教你搭建属于自己的网站(获取被动收入),无需服务器,使用github托管
|
6月前
|
Shell 网络安全 开发工具
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
|
5天前
|
JSON 缓存 JavaScript
使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源(二)
使用 jsDelivr 加速 GitHub Pages 的图片资源和动态编译的 JSON 资源。
11 2
|
21天前
为什么 GitHub Pages 的文章标题不能以 @ 开头?
本文记录了一个 GitHub Pages 博客网页上文章标题以 `@` 开头导致的问题,并分析了原因,提供了解决方法。
41 0
|
3月前
|
资源调度 搜索推荐 Shell
使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub
本文介绍了如何使用 Vue3、TypeScript 和 Vite 开发组件库并将其发布到 npm。文章详细描述了安装依赖、配置项目、创建文档网站以及编写组件文档的步骤。通过使用 VitePress,可以轻松搭建组件库的文档站点,并实现 Algolia 搜索功能。此外,还提供了自动化脚本用于部署静态网站至 GitHub 以及发布组件库到 npm。最后,展示了完整的目录结构和网站效果。
使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub
|
3月前
GitHub——使用GitHub Pages生成在线文档
GitHub——使用GitHub Pages生成在线文档
23 0
|
5月前
|
存储 前端开发 对象存储
基于jsDelivr+Github给网站如何换个漂亮的字体。
本文介绍了如何为博客自定义字体。首先,从免费字体网站(如100字体下载站)下载字体,然后使用在线工具(如fontformat.com)转换字体格式为eot, woff, woff2, svg和ttf。接着,将字体文件上传至GitHub仓库,利用jsDelivr+GitHub的CDN服务获取文件链接。最后,通过编写@font-face的CSS样式代码,将自定义字体应用到博客中。注意文件名避免使用中文,并确保所有浏览器兼容。
53 2
|
6月前
|
资源调度 前端开发 JavaScript
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
169 0
|
11月前
|
JavaScript 开发工具 git
保姆级教程:从零构建GitHub Pages静态网站(下)
保姆级教程:从零构建GitHub Pages静态网站(下)
319 0
|
6月前
|
存储
github pages 部署单页面
github pages 部署单页面
115 0