当前位置： 首页 > news >正文 网站建设关键字成都制作网站工作室 news 2025/11/2 7:01:03 网站建设关键字,成都制作网站工作室,做期货都看哪个网站,设计制作合同范本目录 #x1f680; 静态网站及其生成工具指南#x1f30d; 什么是静态网站#xff1f;#x1f4cc; 静态网站的优势⚖️ 静态网站 VS 动态网站 #x1f680; 常见的静态网站生成器对比#x1f6e0;️ 使用 GitHub Pages Jekyll 搭建个人博客#x1f4cc; 1. 创建 GitHu… 目录 静态网站及其生成工具指南 什么是静态网站 静态网站的优势⚖️ 静态网站 VS 动态网站 常见的静态网站生成器对比️ 使用 GitHub Pages Jekyll 搭建个人博客 1. 创建 GitHub 仓库 2. 安装 Jekyll本地环境搭建 安装 Ruby 和 Bundler 3. 创建 Jekyll 博客 4. 上传博客到 GitHub 5. 启用 GitHub Pages 总结 静态网站及其生成工具指南 什么是静态网站 静态网站Static Website指 所有网页内容HTML、CSS、JavaScript、图片等在服务器上是固定的不需要服务器动态处理或数据库支持用户访问时服务器直接返回这些文件给浏览器进行展示。 静态网站的优势 加载速度快服务器直接返回静态文件无需动态渲染。安全性高无数据库或后台逻辑减少攻击风险。部署简便可托管在 GitHub Pages、Vercel、Netlify 等平台。低维护成本不需要服务器管理适合长期运行。 ⚖️ 静态网站 VS 动态网站 特点静态网站动态网站内容更新需手动修改代码由数据库或后端代码动态生成交互能力仅支持前端交互支持后端处理和数据库交互访问速度快直接返回页面慢服务器计算请求安全性高无服务器端漏洞低可能有 SQL 注入、XSS 攻击适用场景博客、文档、企业官网论坛、电商、社交平台 常见的静态网站生成器对比 生成器语言适用场景特点JekyllRuby博客、GitHub PagesGitHub Pages 官方支持适合个人博客HugoGo文档、博客、官网速度极快单个二进制文件无需安装依赖HexoNode.js技术博客适合程序员支持丰富插件和主题GatsbyReact现代网站、数据驱动基于 React支持 GraphQL适用于动态内容VuePressVue.js文档网站Vue 驱动可作为技术文档平台 ️ 使用 GitHub Pages Jekyll 搭建个人博客 1. 创建 GitHub 仓库 访问 GitHub 并 登录。 创建一个新的仓库命名格式 yourusername.github.io替换 yourusername 为你的 GitHub 用户名 选择 Public公开点击 Create repository 创建仓库。 2. 安装 Jekyll本地环境搭建 Jekyll 需要 Ruby 运行环境建议使用最新版本的 Ruby。 安装 Ruby 和 Bundler Windows 安装 RubyInstaller Windows R 输入 cmd 运行以下命令检查安装 ruby -v gem -v若看到 Ruby 和 Gem 的版本号则说明安装成功。 macOS # 1. 在 Mac 上推荐使用 Homebrew 安装 Ruby brew install ruby# 2. 安装后更新环境变量 echo export PATH/usr/local/opt/ruby/bin:$PATH ~/.zshrc source ~/.zshrc# 3. 验证安装 ruby -v gem -vLinux Ubuntu/Debian 系统 sudo apt update sudo apt install ruby-full build-essential zlib1g-dev ruby -v gem -vCentOS 系统 sudo yum install ruby ruby -v gem -v安装 BundlerRuby 依赖管理器 # 安装命令 gem install bundler# 安装验证 bundler -v[!NOTE] 注 gem install jekyll bundler 这条命令用于全局安装 Jekyll 和 Bundler它不依赖于当前所在的目录。这意味着你可以在任何目录下打开 命令提示符cmd 后执行该命令只需满足以下条件 Ruby 已安装确保你已经在 Windows 系统上正确安装了 Ruby推荐使用 RubyInstaller PATH 环境变量已配置安装 Ruby 后请确认 Ruby 的 bin 目录已添加到系统的 PATH 环境变量中这样你就可以在任意目录下使用 gem 命令。 3. 创建 Jekyll 博客 在cmd终端运行 # 1.安装 Jekyll 和必要依赖 gem install jekyll bundler# 2.初始化一个新的 Jekyll 项目 jekyll new my-blog# 3.进入博客目录并安装依赖 cd my-blog bundle install# 4.启动本地服务器 bundle exec jekyll serve# 5.打开浏览器访问 http://127.0.0.1:4000 预览博客4. 上传博客到 GitHub 进入博客目录 cd my-blog初始化 Git 仓库 在终端中确保进入你的博客目录并执行以下命令 # 在当前目录下初始化一个本地 Git 仓库 git init# 将 “当前目录及其子目录中的所有文件” 添加到 Git 的暂存区Staging Area git add .# 将暂存区中的文件提交到本地的 Git 仓库并附加一条提交说明commit message git commit -m Initial commit关联 GitHub 远程仓库并推送 git remote add origin https://github.com/yourusername/yourusername.github.io.git git branch -M main将代码推送到 GitHub git push -u origin main5. 启用 GitHub Pages 进入 GitHub 仓库 Settings → Pages。 在 Branch 选择 main 分支→ Folder: / (root)点击 Save。 访问 https://yourusername.github.io你的博客已上线 总结 Jekyll适合 GitHub Pages简洁稳定。Hugo最快适合大规模博客/文档。HexoNode.js 主题丰富适合技术博客。GatsbyReact GraphQL适合现代网站。VuePressVue.js 文档站点最佳。 文章转载自： http://www.morning.rxfjg.cn.gov.cn.rxfjg.cn http://www.morning.jfbbq.cn.gov.cn.jfbbq.cn http://www.morning.dglszn.com.gov.cn.dglszn.com http://www.morning.rmtmk.cn.gov.cn.rmtmk.cn http://www.morning.trsdm.cn.gov.cn.trsdm.cn http://www.morning.xglgm.cn.gov.cn.xglgm.cn http://www.morning.xbwqg.cn.gov.cn.xbwqg.cn http://www.morning.bpmns.cn.gov.cn.bpmns.cn http://www.morning.rsnn.cn.gov.cn.rsnn.cn http://www.morning.rkkpr.cn.gov.cn.rkkpr.cn http://www.morning.kqzrt.cn.gov.cn.kqzrt.cn http://www.morning.yrck.cn.gov.cn.yrck.cn http://www.morning.kllzy.com.gov.cn.kllzy.com http://www.morning.nytpt.cn.gov.cn.nytpt.cn http://www.morning.lzqdd.cn.gov.cn.lzqdd.cn http://www.morning.zpfqh.cn.gov.cn.zpfqh.cn http://www.morning.lxwjx.cn.gov.cn.lxwjx.cn http://www.morning.ptlwt.cn.gov.cn.ptlwt.cn http://www.morning.rmfh.cn.gov.cn.rmfh.cn http://www.morning.dnydy.cn.gov.cn.dnydy.cn http://www.morning.kzrg.cn.gov.cn.kzrg.cn http://www.morning.nfdty.cn.gov.cn.nfdty.cn http://www.morning.dbdmr.cn.gov.cn.dbdmr.cn http://www.morning.ywrt.cn.gov.cn.ywrt.cn http://www.morning.rfbpq.cn.gov.cn.rfbpq.cn http://www.morning.zshuhd015.cn.gov.cn.zshuhd015.cn http://www.morning.rstrc.cn.gov.cn.rstrc.cn http://www.morning.pmftz.cn.gov.cn.pmftz.cn http://www.morning.rcdmp.cn.gov.cn.rcdmp.cn http://www.morning.khyqt.cn.gov.cn.khyqt.cn http://www.morning.xwgbr.cn.gov.cn.xwgbr.cn http://www.morning.rkmhp.cn.gov.cn.rkmhp.cn http://www.morning.smxrx.cn.gov.cn.smxrx.cn http://www.morning.gpnfg.cn.gov.cn.gpnfg.cn http://www.morning.pqkyx.cn.gov.cn.pqkyx.cn http://www.morning.whpsl.cn.gov.cn.whpsl.cn http://www.morning.zxhpx.cn.gov.cn.zxhpx.cn http://www.morning.gcrlb.cn.gov.cn.gcrlb.cn http://www.morning.smpb.cn.gov.cn.smpb.cn http://www.morning.kqxwm.cn.gov.cn.kqxwm.cn http://www.morning.wdpbq.cn.gov.cn.wdpbq.cn http://www.morning.qkqzm.cn.gov.cn.qkqzm.cn http://www.morning.jrqcj.cn.gov.cn.jrqcj.cn http://www.morning.hmqwn.cn.gov.cn.hmqwn.cn http://www.morning.qbgff.cn.gov.cn.qbgff.cn http://www.morning.nkpls.cn.gov.cn.nkpls.cn http://www.morning.fbylq.cn.gov.cn.fbylq.cn http://www.morning.lstmq.cn.gov.cn.lstmq.cn http://www.morning.mczjq.cn.gov.cn.mczjq.cn http://www.morning.fpjxs.cn.gov.cn.fpjxs.cn http://www.morning.zrgdd.cn.gov.cn.zrgdd.cn http://www.morning.dnqliv.cn.gov.cn.dnqliv.cn http://www.morning.gqcsd.cn.gov.cn.gqcsd.cn http://www.morning.pqwhk.cn.gov.cn.pqwhk.cn http://www.morning.stxg.cn.gov.cn.stxg.cn http://www.morning.mfnjk.cn.gov.cn.mfnjk.cn http://www.morning.mwzt.cn.gov.cn.mwzt.cn http://www.morning.tmfm.cn.gov.cn.tmfm.cn http://www.morning.ltypx.cn.gov.cn.ltypx.cn http://www.morning.xmjzn.cn.gov.cn.xmjzn.cn http://www.morning.qbgdy.cn.gov.cn.qbgdy.cn http://www.morning.lsqmb.cn.gov.cn.lsqmb.cn http://www.morning.cmzcp.cn.gov.cn.cmzcp.cn http://www.morning.yxbdl.cn.gov.cn.yxbdl.cn http://www.morning.trhrk.cn.gov.cn.trhrk.cn http://www.morning.madamli.com.gov.cn.madamli.com http://www.morning.klrpm.cn.gov.cn.klrpm.cn http://www.morning.ffbl.cn.gov.cn.ffbl.cn http://www.morning.hmbtb.cn.gov.cn.hmbtb.cn http://www.morning.beijingzy.com.cn.gov.cn.beijingzy.com.cn http://www.morning.bphqd.cn.gov.cn.bphqd.cn http://www.morning.rlns.cn.gov.cn.rlns.cn http://www.morning.xjtnp.cn.gov.cn.xjtnp.cn http://www.morning.ryzgp.cn.gov.cn.ryzgp.cn http://www.morning.yckwt.cn.gov.cn.yckwt.cn http://www.morning.qhln.cn.gov.cn.qhln.cn http://www.morning.kxltf.cn.gov.cn.kxltf.cn http://www.morning.pwxkn.cn.gov.cn.pwxkn.cn http://www.morning.rrms.cn.gov.cn.rrms.cn http://www.morning.zqsnj.cn.gov.cn.zqsnj.cn 查看全文 http://www.tj-hxxt.cn/news/270223.html 相关文章： 北京网站建设软件石家庄哪家公司做网络推广好 雨人网站建设网络营销适合创业吗 旅游网站建设策划书案例自己做网站写文章 怎么做app下载网站沈阳企业网站建设 网站开发算法wordpress文章底部删除 做网站优化要多少钱北京国际建设集团网站 在湖南建设人力资源网站深圳公司排名前十名 wordpress带轮播企业站主题wordpress 注册邮件设置密码 网站上的flash怎么做工程中标公示查询怎么查 昆明制作手机网站气象网站建设需求方案 专业网站定制报价前端培训机构推荐 php网站开发 总结wordpress.播放器代码 定制高端网站建设报价怎么做自己的网站主页 学生管理系统 网站开发怎样在百度上注册自己的公司 做网站包括服务器么免费广告素材网 wordpress网站翻译插件wordpress检测手机端 网站添加支付功能网络营销的模式主要有 本溪市做网站公司免费网站制作教程 杭州制作网站的公司做网站便宜 php网站语言切换功能如何做wordpress登录模板 自助建手机网站免费保险销售的建设网站策划书 app模板下载网站模板WordPress共享数据库 17网站一起做网店 新塘dw网页设计代码模板源代码 建设银行审计招聘网站郑州手机软件开发公司 网站开发项目需求分析说明书保定seo管理 昆山公司网站制作数据做图网站 南海建设局网站上海市区网站设计制作公司 wordpress前端用户惠州百度seo哪里强 做一个网站得做多少个页面网站开发常用的语言和工具 项城网站自助网站建设厦门网站制作
