github个人网页设计（基于VSCode）

最新推荐文章于 2025-11-01 19:21:22 发布
原创 最新推荐文章于 2025-11-01 19:21:22 发布 · 1.9k 阅读 · 9 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vscode

一 软件安装
Git和Visual Studio Code
二 插件
Visual Studio Code安装插件 Live Server
在这里插入图片描述
三 模板下载
https://html5up.net/
在这里插入图片描述
四 加载模板
将下载的模板解压后拖进Visual Studio Code中，点击右下角的Go live，就可以在浏览器中打开网页了

五 修改界面
打开indel.html,修改里面的代码
在这里插入图片描述
六 github设置
1 生成秘钥
打开cmd，输入ssh-keygen -t rsa -C “xxx@qq.com” 生成秘钥，打开.ssh文件中的id_rsa.pub，复制全部内容。
2登录github，点击settings
在这里插入图片描述
3点击SSH and GPG keys,将秘钥复制粘贴进去
在这里插入图片描述
4 新建repository

最低0.47元/天 解锁文章
从菜鸟到大神：VSCode助力HTML开发全攻略
邓邓子的博客
04-27 2804
本文全面介绍 VSCode 在 HTML 开发中的高效应用。先引导读者完成 VSCode 的安装与个性化设置，助其快速适应开发环境；接着推荐 Live Server、Prettier 等实用插件，实现实时预览、代码格式化等功能，提升开发效率。通过详细的开发实战步骤，从新建文件到添加样式，带领读者掌握 HTML 基础结构与常用标签使用。还分享代码片段管理、多人协作等进阶技巧，解决常见开发问题。旨在帮助开发者利用 VSCode，轻松高效完成 HTML 开发，打造优质网页。
前端新手学习记录2 -使用vscode编写个人网站首页
sixtome
03-25 3826
编写了一个网站首页，参照网上的例子。界面如下 代码如下： <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="width=device-width,in...
pages-template:静态网站的github页面模板
03-21
页面模板 静态网站的github页面模板
精美GitHub个人主页模板大全 - 打造你的专属开发者名片
最新发布
分享技术点滴
11-01 370
欢迎来到这个精心整理的GitHub个人主页模板集合！这里汇集了各种风格独特、设计精美的GitME模板，帮助你在GitHub上打造令人印象深刻的个人名片。
用vscode实现网页设计.rar
05-18
用vscode实现编写决策系统网页设计，用到了javascript，css,html
github demo网页制作
weixin_45965693的博客
09-22 531
这个时候需要输入用户名和密码，用户名是github_username，密码是之前申请的token。同样需要输入用户名和密码，用户名是github_username，密码是之前申请的token。那么直接访问username.github.io/reponame/2.上传编辑好的文件到本地服务器。3.申请一个token。4.本地项目夹下执行。
如何在github制作一个网页
weixin_30627341的博客
08-03 794
1.首先得先注册一个github账号，官网：https://github.com/ 2.注册完，登录账号进入首页，点右上角的 ‘+’ 创建新的仓库 3. 点击setting，选择一个主题， 4. 选完主题之后，再回到setting，点击下面网址看是否生效，一般来说都会生效，如果没生效，可以换个主题试试 5.下载github desktop客户端 网址：http...
精选资源
游戏网页设计成品 学校班级网页制作模板 大学生静态HTML网页源码 dreamweaver网页作业 简单网页课程成品
08-10
- **技术栈**：网页设计基于HTML5、CSS3以及JavaScript（JS），其中使用了DIV+CSS布局技术进行页面设计。 - **编辑工具**：支持多款主流HTML编辑器，如Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、...
精选资源
web前端期末大作业 html+css+javascript防天天生鲜官网网页设计实例 企业网站md
08-10
- **丰富的示例**: 项目提供了大量的网页设计示例，涵盖了个人、美食、公司等多个领域，可以满足不同学生的个性化需求。 - **易于修改**: 所提供的代码简单易懂，学生可以根据自己的需求进行修改和扩展，非常适合...
精选资源
用DIV+CSS技术设计的网上书城网页与实现制作（大一Web课程设计）
08-10
本项目以DIV+CSS为核心技术，辅以基本的JavaScript功能，构建了一个完整的网上书城网页设计方案。以下将详细介绍在该项目中涉及到的关键技术知识点。 #### 1. DIV+CSS布局 - **定义**：DIV+CSS是一种网页布局的方式...
探索Cayman主题：一个优雅且功能强大的GitHub Pages静态网站模板
gitblog_00049的博客
04-09 936
是一个开源的、面向GitHub Pages的静态网站模板，由GitCode社区贡献和维护。它的设计简洁而专业，适合个人博客、文档站点或小型项目展示页面。 ## 技术分析 1. **响应式布局**：Cayman采用现代前端框架，确保在不同设备上（包括手机和平板）都能提供优秀的浏览体验。其布局会根据屏幕尺寸自动调整，以适应各种视窗大小。 2. **Markdown支持**：内容通过Markdow...
GitHub_CSS
05-20
performance problems at GitHub How to create fast css and html css/html tools at GitHub
github制作静态网页
qq_41327049的博客
01-29 511
找到setttings/pages，修改路径，点击保存，等待一会，并刷新，即可得到一个网址。在浏览器输入这个网址即可打开网页。点击蓝色字体“creating a new file”创建文件。文件命名为index.html, 并编写html。点击create repository进行创建。命名仓库：xxx.github.io。打开gihub并新建仓库。
Github如何创建你自己的网站？
YXY317Coder的博客
09-02 3473
在Github，如何创建你自己的网站？ 这篇文章能教会你怎么做！
用vscode编写静态页面_[ 从零开始配置一个 Windows 前端开发环境 ] - 二：vscode
weixin_39905695的博客
12-22 1468
"editor.minimap.renderCharacters": false,"editor.minimap.maxColumn": 200,"editor.minimap.showSlider": "always"复制代码效果还是比较显著的：插件当然，之所以选择 Vscode，除了本身强大以外，更重要的是那完整的生态，丰富的插件——事实上，如果不考虑这些，也许我会用 Atom。这个插件主要作...
用vscode编写静态页面_vscode编写html，常用快捷方式与插件
weixin_39968801的博客
12-22 1186
一、tab键补全1.1打开vscode新建html文件，在第一行输入!，然后按下tab键，会直接出现编写html语言的基本框架标签效果如下：Document1.2实现html代码的对齐Shift + Alt + F 实现代码的对齐1.3注释与取消注释注释：ctrl+k+c取消注释：ctrl+k+u二、常用插件Auto Rename Tag： Automatically rename ...
用vscode编写静态页面_Visual Studio Code (vscode)自定义HTML页面自动生成格式
weixin_39732491的博客
12-22 2240
学习Vue时新建每一个HTML文件时都要手动引入一次Vue.js，太麻烦，本人又很懒所以写了自定义HTML页面生成的格式，自动生成的HTML页面格式代码里就自带Vue.js的引入。过程如下：工具栏 > 文件 > 首选项 > 用户代码片段在上方弹出的搜索框中输入html.json 回车 打开html.json 文件json文件长这样：在json文件中填写配置代码，即可自定义HTML...
将写好的python 程序打包成exe
凉云半的博客
09-28 375
直接在cmd中使用pip install pyinstaller 会安装成功 但是在使用的时候会提示找不到pyinstaller, 这是因为python3.8以上版本不支持这样安装pyinstaller Python3.8以上的安装方法，需在官网手工下载http://www.pyinstaller.org/downloads.html 下载完成中cd 进入到解压缩的文件夹下，python setup.py install 开始安装，安装完成后使用pyinstaller -F -w xx.py可以将多个文件
【技术】基于Github Pages搭建个人博客静态网页
EliasChang的博客
03-08 2072
利用Github Pages搭建静态网页
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值