首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

简单使用 Hugo 博客

Hugo支持Markdown、HTML、CSS、JavaScript等标准文件格式,并提供了多种主题、插件、模板等功能,使用户能够轻松地创建独特而具有吸引力的网站。...本次是使用 linux 的环境,可以在自己的任意目录下,创建自己的站点 hugo new site abing_blog 下载并应用主题 找到具体主题对应的 github 仓库,例如我下载的是 bootstrap4...# 例如当前已经在 abing_blog 下 cd themes git clone git@github.com:alanorth/hugo-theme-bootstrap4-blog.git bootstrap4...cd .. cp themes/bootstrap4/exampleSite/config.toml cp themes/bootstrap4/content/post/* content/post/...qingconglaixueit/qingconglaixueit.github.io.git # 推送到远程git git push origin main 发布文章 在博客根目录下执行 # 执行如下命令后,

28220

Dreamweaver2021中文版 附安装教程

在全新的Dreamweaver2021版本中,在其优秀的功能上带来了更多的改进和优化,拥有无缝实时视图编辑功能,在以往用户需要切换到单独的编辑模式来预览网站,现在仅需一键即可预览和更改网页,还支持Windows...借助这一全新增强功能,您可在编辑 HTML(.htm 和 .html)、CSS、DW 模板和 JavaScript 文件时,在输出面板中同步查看错误和警告。...5、使用Bootstrap4构建响应式站点 专注于您的移动优先设计,制作美观的响应式站点-Dreamweaver会在后台处理所有繁重的工作。...素材放置在不同的NVME硬盘中,临时文件目录剩余空间保持充足,网络存储官方推荐万兆网络 每一个大版本不是一个终点,从CC 2013版开始再无所谓的稳定版,2020最终版是近年来最垃圾的过渡版本,更新到2021版后请勿长期停留在某个早期版本上...BUG的修复,功能的更新,随时到来,不再是每个大版本更新就是一个跨越 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/135810.html原文链接:https:

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

    Adobe Dreamweaver 2022软件下载 DW2021下载带图文安装教程

    该软件是一款集网页设计制作和网站管理于一身的实时预览网页代码编辑器,非常受欢迎的网页设计软件,能够支持 HTML、CSS、JavaScript和其他Web的标准,因其能够快速制作和建设网站的强大功能,被广大网页设计相关人员认可所使用...功能。...借助这一全新增强功能,您可在编辑 HTML(.htm 和 .html)、CSS、DW 模板和 JavaScript 文件时,在输出面板中同步查看错误和警告。...5、使用Bootstrap4构建响应式站点 专注于您的移动优先设计,制作美观的响应式站点-Dreamweaver会在后台处理所有繁重的工作。...6、切换到电脑桌面,点击左下角“Win”图标,在菜单栏“最近添加”中找到“Dreamweaver 2020”图标,将之拖至桌面。 7、双击拖到桌面的图标启动软件。 8、软件正常打开,安装成功!

    1.3K20

    Titan商店 - 又一个Web静态项目

    本次期末大作业实验项目的总体介绍: 基于HTML5 + Bootstrap4 + jQuery进行设计于开发,广泛使用响应式布局系统,确保在不同分辨率屏幕下的网页呈现。...在JavaScript的开发过程中,广泛使用了ECMAScript6标准(即一些ES6的特性)。项目共分为四个模块界面:主页、购物车、注册页面与商品详情页面。...商品详情界面 商品详情页面实现了秒杀倒计时的功能,其主要的实现原理是:通过获取当前时间的时间戳,与结束时间的时间戳求差值,获取毫秒差值,再通过一系列的时间换算计算剩余的天数、小时数、分钟数和秒数。...当验证不正确将无法注册成功,如验证正确,在点击注册按钮后将会返回到主页。 ? 购物车界面 购物车界面将动态计算勾选的商品的价格及数量,算出小计和最终的价格,并实时的更新显示。

    1.3K10

    网页设计太麻烦

    免费下载 Shards是一个基于Bootstrap4的现代设计系统,包含10个额外的自定义组件和2个预构建的登陆页面。 整个文件非常轻巧,其样式表压缩后仅为13KB。...免费下载 目前XD还不具有创建布局网格的功能。有了这款工具包,你也可以轻松创建网格。它提供4种不同屏幕尺寸的网格。 3. Takeme ?...PS:以上5款免费Bootstrap XD UI工具包均可借助摹客iDoc进行智能标注、一键切图,将设计稿快速交付给前端工程师,实现网页快速开发~ ?...免费下载 此模板使用MDBootstrap构建,是一个功能强大且免费的UI工具包,包含400多个素材UI元素,600多个素材图标,74个CSS动画,SASS文件,模板,教程等等。...采用最新的Bootstrap4,React JS和Material Design构建,可免费用于个人和商业用途。

    3.9K30

    初学前端需要怎么学习?

    2、CSS CSS,层叠样式表(英文:Cascading Style Sheets,简称:CSS)是一种用来表现HTML或XML等文件样式的计算机语言。...当插入 HTML 页面后,会交由浏览器去执行。 同时,有需要可以了解一下HTML5和CSS3。 HTML5是HTML最新的修订版本,其设计目的是为了在移动设备上支持多媒体。...Bootstrap4 目前是 Bootstrap 的最新版本,是一套用于 HTML、CSS 和 JS 开发的开源工具集。...它的功能:HTML 元素选取、HTML 元素操作、CSS 操作、HTML 事件函数、JavaScript 特效和动画、HTML DOM 遍历和修改、AJAX等等。...它是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。

    1.5K10

    JavaScript 逆向爬虫中的浏览器调试常见技巧

    但由于开发者工具功能十分复杂,本节主要介绍对 JavaScript 逆向有一些帮助的功能,学会了这些,我们在做 JavaScript 逆向调试的过程会更加得心应手。...在 Computed 选项卡中还可以看到当前节点的盒子模型,比如外边距、内边距等,还可以看到当前节点最终计算出的 CSS 的样式,如图所示。...刷新页面后的 JavaScript 文件 有什么方法可以修改呢?其实有一些浏览器插件可以实现,比如 ReRes。...再切回 Overrides 面板,点击 + 按钮,这时候浏览器会提示我们选择一个本地文件夹,用于存储要替换的 JavaScript 文件。...接着把修改后的内容替换到原来的 JavaScript 文件中。

    2.3K50

    微软正式发布 Visual Studio 2022!香得一腿~

    个性化 为垂直和水平标签添加颜色标签 增加了主题包,并与 VS Code 主题作者合作,推出了自定义主题集合 建立了主题转换器,将 VS Code 主题转换到 Visual Studio 2022 中使用...增加了将 Visual Studio 主题与 Windows 主题同步的功能 增加了新的文档管理功能,包括自定义标签宽度,加粗活动文档,以及 docwell 中额外的关闭按钮。...API VS SDK 包含多项重大更改,Visual Studio 2019 扩展在 2022 将不起作用。...VS SDK Reference 程序集不再安装到该VSSDK\\VisualStudioIntegration\\Common\\Assemblies 文件夹中。...JavaScript/TypeScript JavaScript 和 TypeScript 测试现在可以在 Visual Studio Test Explorer 中进行 NPM GUI 可用,所以你现在可以像下载

    2.8K20

    如何在Windows 10的VirtualBox中安装macOS High Sierra

    完成该过程后,安装程序将启动-可以,只需使用Command + Q将其关闭。我们不想升级您朋友的Mac;我们只需要下载的文件。...无论出于何种原因,这在虚拟机上均不起作用,这就是为什么您再次看到安装程序的原因。 关闭您的虚拟机并打开其设置。...这会将目录切换到安装程序其余部分所在的FS1。...现在,您可以试用任何Mac软件,尽管某些功能(例如FaceTime和Messages)将无法使用,因为Apple无法将您的计算机识别为真正的Mac。但是很多基本的东西都应该起作用。玩得开心!...总结 虽然有些功能,比如声音等还无法使用,但我们已经能使用虚拟机进行一些程序的开发了。当然,如果您有足够的金钱的话,买一个mac mini主机还是很香的。

    5K30

    微软正式发布 Visual Studio 2022

    …… 个性化 为垂直和水平标签添加颜色标签 增加了主题包,并与 VS Code 主题作者合作,推出了自定义主题集合 建立了主题转换器,将 VS Code 主题转换到 Visual Studio 2022...中使用 增加了将 Visual Studio 主题与 Windows 主题同步的功能 增加了新的文档管理功能,包括自定义标签宽度,加粗活动文档,以及 docwell 中额外的关闭按钮。...API VS SDK 包含多项重大更改,Visual Studio 2019 扩展在 2022 将不起作用。...VS SDK Reference 程序集不再安装到该VSSDK\\VisualStudioIntegration\\Common\\Assemblies 文件夹中。...JavaScript/TypeScript JavaScript 和 TypeScript 测试现在可以在 Visual Studio Test Explorer 中进行 NPM GUI 可用,所以你现在可以像下载

    2.6K30

    【Python爬虫实战】全面掌握 Selenium 的 IFrame 切换、动作链操作与页面滚动技巧

    iframe (二)切回主内容 完成iframe中的操作后,需要切换回主内容,才能继续操作其他不在iframe中的元素。...driver.switch_to.default_content() # 切回主内容 (三)示例 以下是一个完整的示例,展示如何在一个页面上切换到iframe、操作其中的元素,并切换回主内容。...一定要在操作完iframe后,使用switch_to.default_content()或switch_to.parent_frame()(返回上一层)来切回主内容。...当高度不再变化时,说明没有新内容加载,停止滚动。 (四)处理滚动的常见问题 页面滚动后定位元素失败: 如果页面内容是动态加载的,滚动完成后需要重新查找元素。...元素被浮动组件覆盖: 在某些页面,滚动后元素可能会被悬浮的菜单覆盖。可以使用 JavaScript 滚动调整位置。 滚动速度太快: 无限滚动页面时,滚动速度过快可能导致内容加载不及时。

    39311

    GitLab 是如何用 Headless Chrome 测试的

    下面的例子介绍了GitLab如何切换到Headless Chrome GitLab最近从PhantomJS转变为Headless Chrome,用于前端测试和RSpec功能测试(ruby测试框架)。...它有一个不同的JavaScript引擎,一个老掉牙的渲染引擎,有怪癖,还缺失一些功能。...如果你的前端代码中有一个导致测试失败的bug,这个功能将使调试更容易,因为你可以检查测试的终端输出的错误消息或堆栈跟踪,或者将console.log()注入到JavaScript以查看正在运行的代码。...很遗憾,Selenium不再支持这样操作了。...结果 关于性能,改变之前通过对10个RSpec测试集进行非科学分析来衡量变化,改变后也通过10个测试。分解在这些管道之间添加或删除的任何测试。

    3.2K80

    iOS百度地图开发中遇到的问题

    由于项目需要地图功能,公司决定使用百度地图,但是百度地图也有很多问题,现在总结一下在百度地图中遇到的坑,希望给各位看官一点参考,避免走一些弯路.我使用的百度地图SDK2.9.1. iOS地图SDK链接,...只在iOS 9.0之后起作用 if ([[UIDevice currentDevice].systemVersion doubleValue] >= 9) { _locService.allowsBackgroundLocationUpdates...(三)关于用户方向更新后的设置 如上面(一)所述,定位点可是设置样式参数,当你自定义了定位图标后,你会发现定位图标确实换为了自己定义的图标,而且当用户方向更新后,定位图标是回发生旋转的,但是当你点击触摸屏幕后...定位当前位置是可以正常显示,并且可以随着位置的变化,定位点也随之发生变化.如果切换到后台,然后再切换回mapView界面,定位点还是会变化.但是会产生一个问题,当点击别的tabbar,切换到别的界面后,...再切换回mapView界面,定位点就不再随着位置的变化而发生变化了.

    99120

    【Vue.js】监听器功能(EventListener)的实际应用【合集】

    JS 文件进行了引用: 本以为一切都会顺利进行,然而事与愿违,程序的功能出现了异常状况。...但是这样做了之后程序的功能出现了问题,计算器的输出框显示”{{ current }}“,并且鼠标对下面的按钮的交互都没有任何反应: 解决这个小问题 问题出现的原因剖析 因为在将原本位于 HTML...具体而言,当 Vue 实例尝试进行挂载操作时,由于 JavaScript 代码与 HTML 页面的加载流程不再协调同步,致使其无法精准定位到对应的 DOM 元素。...而此次问题的核心就在于,Vue 实例化的时机过早,在其所依赖的 DOM 结构尚未完整构建完成时就已启动挂载流程,从而导致无法找到对应的 DOM 元素,最终致使计算器功能出现异常,输出框错误地显示 “{{...页面状态变化监测:像DOMContentLoaded事件监听器用于在页面的 DOM 结构加载完成后执行特定操作,确保 JavaScript 代码在操作 DOM 元素时,元素已经存在。

    13410
    领券