个人主页,简洁又好看,每个人都可以轻松搭建

news/2024/9/19 7:39:08/文章来源:https://www.cnblogs.com/37Y37/p/18401528

今日周末不用上班,照例醒的很早,老婆孩子都还在睡觉,不便打扰,于是来到阁楼书房打开电脑,准备刷刷视频享受下愉快的周末休闲时光,启动浏览器,发现浏览器主页无法打开,主页指向的是我个人搭建的咖啡吧导航,一个囊括了我的常用网站及实用工具的导航站,配置的我的个人主域名ops-coffee.cn,虽然导航站没几个人用,但也必须得保证可用性,简单排查便已知晓问题,主要是Cloudflare与GithubPage循环嵌套造成的,问题顺利解决,可以访问了

但此时我却在想,主域名配置成导航站或许不太合适,导航只是我个人的网站及功能之一,通过导航站并不能了解我,更好的方式应该是指向个人主页,个人主页上可以包含我的主要作品,社交账号,联系方式,甚至是兴趣、经历、技能等等,访问个人主页可以相对深入的了解一个人,这作为主域名的落地页显然更合适

嗯,就是这样,想法有了,那就来创建个人主页吧,我不懂设计,对前端写页面也不是很精通,仅仅是能修改适配的水平,那最好的方式就是参考、借鉴、修改,全网搜索下符合自己审美的个人主页模版,然后改成适合自己的样式和内容。我对个人主页的要求除了简洁美观外,更为重要的是要简单,最好基于HTML+CSS构建,纯前端,这样方便部署在Github-Pages或者是Cloudflare-Pages之类的免费服务上,成本最低,成本直接关系到站点的存活时间,成本越低则活得越久

在众多的模板里,找到了一个完美符合要求的,设计出众,体验拉满,关键还是非常简单,纯HTML+CSS构建,简直是梦中情站,联系了站长,询问是否可以使用,站长很快回复自便,于是三下五除二,模仿修改,很快就改好了我的个人主页

使用了免费的Cloudflare-Pages服务托管,现在已经可以顺利访问了,几个小时的时间,从偶然的想法到目前非常满意的个人主页落地上线,虽然视频没有刷成,但成就感满满,于是趁热打铁,写下这篇文章纪念。如果你也对这个主页感兴趣,点击文末的阅读原文体验,如果你也想部署一个属于自己的个人主页,可以后台留言「个人主页」,获取相关代码

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/793559.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

P2056 [ZJOI2007] 捉迷藏

题意: 给出一个 \(n\) 个点的树,每个点有黑白两种颜色。初始时每个点都是黑色的。\(q\) 次操作,支持:C x 将第 \(x\) 个点的颜色反转。 G 询问树上两个黑色点的最远距离。分析: 尝试使用点分树,对于一条路径,可以从点分树的 \(lca\) 处统计,由于涉及到删除和添加两种操…

数学基础讲解-01

真题:易 设K法 消元的过程真题:2015 不定方程问题 必考 找到特征 解题入口 真题: 重点 没做出来一道题目,多解几次性质需要理解记忆 真题: 重点!!! 有陷阱、筛选作用 做错了 没考虑为0的情况 比较喜欢考细节 常见的坑不能约 需要移项一道题目做个三五遍不算多…

CF1945F Kirill and Mushrooms

题意 营地里的人一睡着,基里尔就偷偷溜出帐篷,去智者橡树那里采蘑菇。 众所周知,橡树下生长着 \(n\) 种蘑菇,每种蘑菇都有 \(v_i\) 的魔力。基里尔非常想用这些蘑菇制作一种魔力最大的灵药。 灵药的强度等于其中蘑菇的数量与这些蘑菇中最小魔力的乘积。为了配制灵药,基里尔…

我发布了一款相亲平台《i相遇》

因缘际会之下,我踏入了相亲平台的领域。起初,是为一位客户打造专属相亲应用,过程中深入体验了众多同类平台,却遗憾地发现它们普遍掺杂着欺诈的阴影——高昂的费用、兼职托儿的身影、以及虚假的钓鱼信息,不一而足。 完成客户项目后,我决定自己运营一款专为互联网人量身打造…

Linux系统安装ansiblle环境

前言:这里是生产环境红帽系统,如果是别的系统,本地源的配置方法不一样。 一、主节点服务器Redhat8 配置使用阿里源: 备份:sudo /etc/yum.repos.d/CentOS-Base.repo /opt/yum/ 下载新的CentOS-Base.repo 到 /etc/yum.repos.d/ (这里用的CentOS 8.0) 命令:sudo wget -O /…

1.hadoop入门

Hadoop入门一.概念1.hadoop是什么 (1)Hadoop是一个由apache基金会所开发的分布式系统基础架构(2)主要解决,海量数据的存储和海量数据的分析计算问题(3)广义上来说,hadoop通常是指一个更广泛的概念--hadoop生态圈2.Hadoop发展历史(1)创始人Doug Cutting,为了实现与Google类似的全…

JQuery的DOM操作

JQuery基础教程第四版第五章:DOM操作方法的简单归纳 使用JQuery的DOM操作实现以下功能1.创建新元素2.插入新元素3.移动元素4.包装元素5.复制元素 相关代码 HTML文件<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"&g…

C++顺序结构(1)

1、C++程序的样子2、流 输出流 COUT<<3、一个实例及解析 // 001 程序的基本结构 //单行注释 /*多行注释 被注释过的内容不会被运行,可以用来做笔记。 基本结构: 1.头文件 程序包含某个头文件后,程序中的代码就可以使用这个头文件里的功能。 2.命名空间 3.主函数 类…

manim边学边做--角度标记

manim中绘制一个角度其实就是绘制两条直线,本篇介绍的不是绘制角度,而是绘制角度标记。 对于锐角和钝角,角度标记是一个弧,弧的度数与角的度数一样; 对于直角,角度标记是一个垂直的拐角。 manim中关于角度标记的模型主要有3个:Angle:根据两条直线绘制角度标记 RightAng…

关于Tailscale Subnet routers要说的

国内的水文很多,Tailscale的部署就不说了。简单的都有讲到,但凡深度一点儿的只能找找外边儿的文章了。 昨天刚给群晖装完Tailscale,打算着利用Subnet routers功能来访问另外的2个子网。 国内的水文在介绍这一段使用的时候是这样的:该文章提到:如果有多个网段添加,就多运行…

CASIA-OLHWDB1.0-1.2数据集解析

OLHWDB1.0-1.2提供联机手写单字数据。 OLHWDB1.0收录汉字3866个,字母数字及符号171个。其中,GB2312-80一级集(共3755个字符)收录汉字3740个。 OLHWDB1.1收录GB2312-80一级集汉字3755个,字母数字及符号171个。 OLHWDB1.2收录汉字3319个,字母数字及符号171个。OLHWDB1.2的汉…

枚举测试

/*** 枚举类*/ public enum SocialTypeEnum {FACEBOOK(1),//脸书GITEE(2),//GITEEWECHAT_ENTERPRISE(3);//企业微信 <span style="color: #0000ff;">private</span> <span style="color: #0000ff;">final</span> <span style=&…