首页
学习
活动
专区
圈层
工具
发布

如何使用HTML制作个人网站(如何搭建个人博客)

✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 关于作者: 历任研发工程师,技术组长,教学总监;曾于2016年、2020年两度荣获CSDN年度十大博客之星。...一、‍网站题目 ‍个人博客网站、‍个人主页介绍、个人简介、个人博客设计制作 、等网站的设计与制作。...二、✍️网站描述 ️ 大学生个人HTML网页设计作品,采用DIV CSS布局制作,页面主体内容区域宽度为1200PX。网页整体使用CSS设置了网页背景图片。...一套优质的网页设计应该包含 (具体可根据个人要求而定) 页面分为页头、菜单导航栏(最好可下拉)、中间内容板块、页脚四大部分。 所有页面相互超链接,可到三级页面,有5-10个页面组成。...其中: (1)html文件包含:其中index.html是首页、其他html为二级页面; (2) css文件包含:css全部页面样式,文字滚动, 图片放大等; (3) js文件包含:js实现动态轮播特效

3.6K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    用 Hugo 快速搭建个人博客

    安装 Hugo环境有 go 可以直接安装go install github.com/gohugoio/hugo@latestmac 可以用 brew 安装brew install hugoubuntu...用 apt 安装,但是版本不是最新的sudo apt install hugo或者直接下载编译好的可执行文件:https://github.com/gohugoio/hugo/releases安装好后可以查看版本...https://github.com/LukasJoswiak/etch.git themes/etchecho "theme = 'etch'" >> hugo.toml添加内容如果单纯新增内容,可以用...文件夹新建文章hugo new content posts/my-first-post.md然后打开编辑器撰写文章即可由于我有之前的文章,需要在已有文章加上 hugo 的 header+++title = '用...Hugo 快速搭建个人博客'date = 2024-01-25T10:58:18+08:00draft = false+++并且每次新建文章时指定目录hugo new content -c ${source

    76810

    用Hexo+Github搭建个人博客

    1.为什么要写博客?在什么平台上写博客? 最近我想把自己学过的一些知识复习整理一下,于是我就想到了通过写博客来记录的这种方式。...此次教程总共分为以下5个简单的步骤: Node.js的安装 Git的安装 Hexo的安装 初次用Hexo配置博客 与Github相连接 在搭建之前,我们需要做一些准备工作: Node.js安装包,官网上面很容易就能找到...5.初次用Hexo配置博客 在适当的位置新建一个文件夹,这个文件夹就是你的博客文件,包含其他的一些配置文件。...然后,找到我们在第五步中新建立的文件夹,我的文件夹是G:\Blog,点击用记事本打开里面的_config.yml文件,拉到最后面,添加如下内容: 然后在Blog文件夹上点鼠标右键,选择Git Bash...然后再次用hexo d命令部署 最后,在浏览器输入地址:https://你的Github中的username.github.io 例如我的就是:https://roserduan.github.io 进去之后我们可以看到我们刚才编辑的博客内容

    1.6K90

    《web课程设计》用HTML CSS做一个简洁、漂亮的个人博客网站

    免费且实用的WEB前端学习指南: 【web前端零基础到高级学习视频教程 120G干货分享】 关于作者: 历任研发工程师,技术组长,教学总监;曾于2016年、2020年两度荣获CSDN年度十大博客之星... @TOC 一、‍网站题目 个人网页设计、‍♂️个人简历制作、‍简单静态HTML个人网页作品、‍个人介绍网站模板 、等网站的设计与制作。... 二、✍️网站描述 ⭐个人网页设计网站模板采用DIV CSS布局制作,网页作品有多个页面,如 :个人介绍(文字页面)、我的作品(图片列表)、个人技能(图文页面)、在线留言(表单页面)CSS样式方面网页整体采用左右布局结构..." media="all" type="text/css" /> 博客 网站首页 html">个人简介 html">我的爱好

    1.9K30

    简单个人网页设计作业 静态HTML个人博客主页——HTML+CSS+JavaScript 明星鹿晗(7页)

    免费且实用的WEB前端学习指南: 【web前端零基础到高级学习视频教程 120G干货分享】 关于作者: 历任研发工程师,技术组长,教学总监;曾于2016年、2020年两度荣获CSDN年度十大博客之星...一、‍网站题目 个人网页设计、‍♂️个人简历制作、‍简单静态HTML个人网页作品、‍个人介绍网站模板 、等网站的设计与制作。... 二、✍️网站描述 ⭐个人网页设计网站模板采用DIV CSS布局制作,网页作品有多个页面,如 :个人介绍(文字页面)、我的作品(图片列表)、个人技能(图文页面)、在线留言(表单页面)CSS样式方面网页整体采用左右布局结构...其中: (1)html文件包含:其中index.html是首页、其他html为二级页面; (2) css文件包含:css全部页面样式,文字滚动, 图片放大等; (3) js文件包含:js实现动态轮播特效...2014年8月,个人微博单条评论创吉尼斯世界纪录,成为中文社交媒体上的首位吉尼斯世界纪录获得者。10月,申请与SM公司合同无效,于2016 ...

    1.4K20

    java基于ssm的个人博客系统个人博客网站个人博客项目源码

    简介 Java ssm开发的个人博客系统,可以发布博客,照片,站长留言。 演示视频 https://www.bilibili.com/video/BV1sf4y1y7Ne/?...share_source=copy_web&vd_source=ed0f04fbb713154db5cc611225d92156 技术 mysql,SSM,css,js,jq 功能 简单版(个人): 网站功能...:登录,上传照片,发布博客,首页,博客详情,注册,照片管理,博客管理,给站长留言,查看留言,分页,编辑博客,删除博客,删除照片,分页展示博客和照片,分页展示站长留言,修改登录密码。...增强版 角色 管理员+注册用户 添加功能:博文浏览量,博文评论,用户可以删除自己的评论,博主可以管理该博文以下的所有评论,搜索博文,博客首页展示用户头像,昵称,上传头像,修改基本信息,相册显示用户头像昵称

    3K00

    用AI批量下载Sam Altman个人博客页面

    Sam Altman个人博客页面:https://blog.samaltman.com/ 找到翻页规律:https://blog.samaltman.com/?...class="post"的article元素,然后定位其中的a元素,提取其文本内容,作为网页标题; 提取其href属性值,作为网页URL; 下载网页,保存到文件夹:F:\Sam Altman,网页格式为html...= 200: print(f"Failed to retrieve post: {title}") continue # 保存文章页面到文件 post_html_path = os.path.join(...save_folder, f"{cleaned_title}.html") with open(post_html_path, 'w', encoding='utf-8') as file: file.write...文章下载:脚本会下载每个文章的HTML内容,并保存到指定的文件夹中,文件名使用提取的标题。 图片下载:对于每个文章页面,脚本会定位所有的img元素,下载图片并保存到相同的文件夹中。

    48400

    用GitHub Pages和Hexo搭建个人博客小站

    因为GitHub在国内太慢的原因,所以打算用gitee或者coding的,但是发现现在国内的代码托管商新建仓库都不支持自定义域名了,所以只能用回GitHub Pages来托管了。...修改配置文件_config.yml 打开本地博客根目录下的_config.yml文件,这是博客的配置文件,在这里你可以修改与博客相关的各种信息。...设置hexo主题 这里博主用的是huno主题,主题很简约,且响应式设计做的不错。 附地址,按里面操作即可。...参考 超详细Hexo+Github博客搭建小白教程 GitHub+Hexo 搭建个人网站详细教程 Hexo + GitHub (Coding) Pages 搭建博客 版权所有:可定博客 © WNAG.COM.CN...本文标题:《用GitHub Pages和Hexo搭建个人博客小站》 本文链接:https://wnag.com.cn/951.html 特别声明:除特别标注,本站文章均为原创,本站文章原则上禁止转载

    96120

    个人博客 HTML个人介绍网页 学生个人网页设计作品 学生个人网页模板 简单个人主页成品 个人网页制作 HTML学生个人网站作业设计

    免费且实用的WEB前端学习指南: 【web前端零基础到高级学习视频教程 120G干货分享】 关于作者: 历任研发工程师,技术组长,教学总监;曾于2016年、2020年两度荣获CSDN年度十大博客之星... @TOC 一、‍网站题目 ‍个人博客网站、‍个人主页介绍、个人简介、个人博客设计制作 、等网站的设计与制作。... 二、✍️网站描述 ️ 大学生个人HTML网页设计作品,采用DIV CSS布局制作,页面主体内容区域宽度为1200PX。网页整体使用CSS设置了网页背景图片。...一套优质的网页设计应该包含 (具体可根据个人要求而定) 页面分为页头、菜单导航栏(最好可下拉)、中间内容板块、页脚四大部分。 所有页面相互超链接,可到三级页面,有5-10个页面组成。...DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    4.7K30

    个人博客搭建

    0x001 效果演示 0x002 简单介绍   前前后后大概花了一周多的时间,目前个人博客已经完善的差不多了,现在写个文章做个阶段总结,后续如果有更新的地方,会及时补充。...在此开源博客的基础上做了改进,修复了一些bug,顺利搭建完成了我的个人博客。大家对此主题有兴趣的可以下载源代码,搭建属于自己的个性化博客。...个人博客 演示:http://luckyzmj.cn 0x003 Hexo 初级搭建 1. 安装Git Git是目前世界上最先进的分布式版本控制系统,可以有效、高速的处理从很小到非常大的项目版本管理。...hexo generate,生成静态文章,可以用 hexo g缩写 ,hexo deploy部署文章,可以用hexo d缩写 注意deploy时可能要你输入username和password。...当文章没有设置特色图时,本主题会根据文章标题的 hashcode 值取余,来选择展示对应的特色图 我认为个人博客应该都有自己的风格和特色。

    3.7K140

    搭建个人博客

    博客的开始 其实,一切都是为了更好的装逼。好吧,我着相了。 最开始想做一个自己博客,主要是因为看到了很多人都有,觉得自己没有太 Low 了。...于是申请了 CSDN 的用户,但是太丑了,于是又申请了博客园,感觉这些都不是我想要的,而做为一个 Emacser 不使用 Github 搭建一个自己的博客,感觉就已经落伍了。...记住常用的命令 hexo new markdown_file 新建文章 hexo new page html_file 新建页面 hexo generate 生成静态页面到 public 目录 hexo...博客的生活 我很喜欢调试自己的博客,但是写博客就不是那么喜欢了,但是我希望能养成一个定期写博客的习惯。...虽然对于 hexo 而言少了许多好看的主题,但是对于 Org mode 的默认支持让我有了决心一用的冲动。

    1.9K20

    求一个网页设计作业——个人博客(HTML+CSS)

    ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 关于作者: 历任研发工程师,技术组长,教学总监;曾于2016年、2020年两度荣获CSDN年度十大博客之星。...一套优质的网页设计应该包含 (具体可根据个人要求而定) 页面分为页头、菜单导航栏(最好可下拉)、中间内容板块、页脚四大部分。 所有页面相互超链接,可到三级页面,有5-10个页面组成。...其中: (1)html文件包含:其中index.html是首页、其他html为二级页面; (2) css文件包含:css全部页面样式,文字滚动, 图片放大等; (3) js文件包含:js实现动态轮播特效...DOCTYPE html> html> 博客世界 用窗口透入的薄薄的光暖一暖心。

    85340

    简单的个人博客网站设计 静态HTML个人博客主页 DW个人网站模板下载 大学生简单个人网页作品代码 个人网页制作 学生个人网页设计作业

    免费且实用的WEB前端学习指南: 【web前端零基础到高级学习视频教程 120G干货分享】 关于作者: 历任研发工程师,技术组长,教学总监;曾于2016年、2020年两度荣获CSDN年度十大博客之星...一、‍网站题目 个人网页设计、‍♂️个人简历制作、‍简单静态HTML个人网页作品、‍个人介绍网站模板 、等网站的设计与制作。... 二、✍️网站描述 ⭐个人网页设计网站模板采用DIV CSS布局制作,网页作品有多个页面,如 :个人介绍(文字页面)、我的作品(图片列表)、个人技能(图文页面)、在线留言(表单页面)CSS样式方面网页整体采用左右布局结构...其中: (1)html文件包含:其中index.html是首页、其他html为二级页面; (2) css文件包含:css全部页面样式,文字滚动, 图片放大等; (3) js文件包含:js实现动态轮播特效...-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!

    2.4K40

    学生个人博客网页设计作品 学生个人网页模板 个人网页制作 HTML学生个人网站作业设计

    一套优质的网页设计应该包含 (具体可根据个人要求而定) 页面分为页头、菜单导航栏(最好可下拉)、中间内容板块、页脚四大部分。 所有页面相互超链接,可到三级页面,有5-10个页面组成。...其中: (1)html文件包含:其中index.html是首页、其他html为二级页面; (2) css文件包含:css全部页面样式,文字滚动, 图片放大等; (3) js文件包含:js实现动态轮播特效...DOCTYPE HTML> html> 老王个人博客 — 一个站在java开发之路上的草根程序员个人博客网站 ...user-scalable=no" /> 个人博客...,王风宇个人博客,个人博客系统,老王博客,王风宇"> 博客系统,一个站在java开发之路上的草根程序员个人博客网站。"

    3K30

    node-blog:用 node 搭建的个人开源博客

    在线预览 由于服务器网速原因,加载时间较久 相关文档 多个请求下 loading 的展示与关闭 Vue 实现前进刷新,后退不刷新的效果 Vue 页面权限控制和登陆验证 用 node 搭建个人博客(一):...代码热更新 用 node 搭建个人博客(二):导出模块同时兼容 import 和 require 用 node 搭建个人博客(三):token 用 node 搭建个人博客(四):评论功能 用 node...搭建个人博客(五):数据库 阿里云服务器部署个人网站 性能优化--开启 gzip 压缩 前端页面 首页(index)包含内容及标签子页面 编辑(editor) 登陆(login) 管理(manage...iview axios 后端 node express jsonwebtoken 数据库 mongodb 测试 mocha 使用 注意 登陆入口在页面脚部的 Copyright ©2019 woai3c 博客内容...db.user.insert({ user: 'admin', // 用户名 随意填写 password: 'admin', // 密码 随意填写 visits: 0, // 博客访问次数

    1.1K10
    领券