作者：Damian Ciplat 译者：前端小智 来源：dev 最近在重构代码时，我发现早期的代码使用太多的 if 语句，其程度是我从未见过的。...这就是为什么我认为分享这些简单的技巧是非常重要的，这些技巧可以帮助我们避免过多的使用 if 语句。...接下来会介绍6种方式来代替 if 的使用，这样做不是坚决不使用 if 偏执狂，而是换个方式思考我们的编码思路。 1....", })[breed]||'Im the default'; dogSwitch("border xxx") 5.作为数据的函数 我们知道在JS中函数是第一个类，所以使用它我们可以把代码分割成一个函数对象...OOP中多态性最常见的用法是使用父类引用来引用子类对象。
作者：何甜甜在吗 来源：http://1t.click/a7Gm 在项目开发过程中经常遇到时间处理，但是你真的用对了吗，理解阿里巴巴开发手册中禁用static修饰SimpleDateFormat...吗？...在多并发情况下使用SimpleDateFormat需格外注意 SimpleDateFormat除了format是线程不安全以外，parse方法也是线程不安全的。...calb中中属性设置cal c、返回设置好的cal对象 但是这三步不是原子操作 多线程并发如何保证线程安全 - 避免线程之间共享一个SimpleDateFormat对象，每个线程使用时都创建一次SimpleDateFormat...关注我，回复如下代码，即可获得百度盘地址，无套路领取！
现在，有一种方案（或者说小插件）可以让你的实体类只包含成员变量，Getter、Setter方法都可以避免，会开心吗？...（哈哈） java开发者的福音 请容许我在小标题捧了捧lombok: 一个帮助java开发者减少代码量的小工具（公举?）。...lombok优雅大观 使用lombok前后java实体类的对比 AppDto是最初我们最常见的java实体类，请“观赏”代码: package org.byron4j.lombok; import java.io.Serializable...直接添加jar包到lib中 在java中项目中使用lombok，可以直接下载lombok.jar包引入到lib中； 2. 使用maven引入 引入依赖： 中安装lombok插件）: <!
♣ 题目部分 在Oracle中，模糊查询可以使用索引吗?...♣ 答案部分 分为以下几种情况： （1）若SELECT子句只检索索引字段，那么模糊查询可以使用索引，例如，“SELECT ID FROM TB WHERE ID LIKE '%123%';”可以使用索引...如果字符串ABC在原字符串中位置不固定，那么可以通过改写SQL进行优化。改写的方法主要是通过先使用子查询查询出需要的字段，然后在外层嵌套，这样就可以使用到索引了。...④ 建全文索引后使用CONTAINS也可以用到域索引。...'AA%') filter(REVERSE(SUBSTR("TABLE_NAME",1,LENGTH("TABLE_NAME")-4)) LIKE 'AA%') --如果字符串ABC在原字符串中位置不固定
emmet 是一个非常强大的 html 代码编写助力插件在项目开发的时候非常实用，需要手写几行的代码用 emmet 一行就搞定了。...由于它仅在 .html 文件中可以使用，而 React 等前端框架都是在 .js 或 .jsx 文件内写 html 代码。所以有些时候就不奏效了。...本文就是介绍如何做 .js/.jsx 文件中使用 emmet 编写 html 代码。...实现方法 点击 atom 左上角 Atom->keymap 菜单，此时会打开 keymap.cson 文件。 添加如下代码到 keymap.cson 的文件末尾。....js/.jsx 文件，再试试就可以用 emmet 的方式编写 html 代码了。
文件，命令行执行 hugo new aboutme.md 项目根目录 content 文件夹下会生成 aboutme.md文件，用文本编辑打开文件，编辑保存即可。...2.创建一篇 firstArticle.md,执行下面命令会在项目根目录post 文件夹下生成 firstArticle.md文件。...hugo new post/firstArticle.md 2.3.2 添加主题 执行下面命令，就可以下载主题到本地，运行项目就可以查看自己的静态网站了。...点击后面的settings，在 Environment Variables 中添加NAME填 GITHUB_TOKEN，VALUE填上一步生成的 Token ?...提交代码接下来在 source 分支提交代码，打包后的项目就会自动提交到 master 分支，使用 Github Pages 就可以实现自动部署我们的项目了。 ?
Hugo的安装和使用。 Hugo比Hexo速度更快，而且不用依赖一大堆东西，一个二进制文件就可以搞定。...使用新的Hugo maupassant主题 最新版本的Hugo maupassant主题我已经在Github上开源，大家可以clone使用。使用很简单，只需要以下两步即可。...content/archives/index.md表示在content/archives/目录下的index.md文件 这样Hugo就会自动生成/archives/index.html归档页面，通过类似...其他静态文件 有些不需要我们转化的静态文件，比如robots.txt、我们上传的附件等，这些不需要Hugo进行处理，可以直接放在static目录下，Hugo会原封不动的拷贝。...在新的Hugo系统中，我也想这么做，但是Hugo的permalink是不能配置html后缀的，即可你配置了，也只会生成如下的URL/year/month/day/title.html/还是一个目录，无法以
可以预期的是，随着使用时间越来越长，这两个站点的差异会越来越大，为了可维护性，必须将这两个站点使用的 Hugo 版本统一。..." ,"MD", "FEED" ] +page = [ "HTML" ,"MD" ] 分类和标签扁平化以及其他兼容处理 在 Hugo 升级之前，我使用的是这样的分类结构： topics: [ "知识点滴...举个例子，我原本有一个标签叫做 ： Linux/Mac ，在旧版本的 Hugo 中的输出结果是这样： /public/tags/linux/mac/index.html 但是在新版本变成了这样： /public...$tag) "/" "-") " " "-"}}.html" 至此，升级过程中的主要问题就都讲完了，我们接下来聊聊性能提升和其他的话题。...很可惜在 v0.50.3 版本之后，官方废弃了 hugo benchmark 这个命令，所以我们不能够和以往一样输出性能报告，不过直接使用站点生成时间来进行对比，也是一样的（站点实际构建时间）。
Hugo支持Markdown、HTML、CSS、JavaScript等标准文件格式，并提供了多种主题、插件、模板等功能，使用户能够轻松地创建独特而具有吸引力的网站。...的环境，可以在自己的任意目录下，创建自己的站点 hugo new site abing_blog 下载并应用主题 找到具体主题对应的 github 仓库，例如我下载的是 bootstrap4 下载仓库代码到.../"' 此时我们需要提交 public 目录下的内容到我们的 https://qingconglaixueit.github.io/ 仓库中 初始化仓库 , 需要换成自己的 xxx.github.io...# 执行如下命令后，会在 博客 根目录下的 content/post 下生成具体的 md 文件，记得吧 md 中的 draft 设置为 false hugo new post/xxx.md # 编辑这个.../"' # 此时 到 public 目录下提交代码即可 可以查看地址：https://qingconglaixueit.github.io/ 看看效果 再细节一点的以及 hugo 详细命令等内容可以查看
，就像我们在 Linux 输入的命令一样。...非技术的同学，也可以找到符合自己需求的主题，不用写一行 HTML 代码，也能让自己生成自己的站点。...纯静态站点 Hugo 打包构建后输出的是一个纯静态的资源包，这样地好处就是你可以将你的站点部署在任何地方，比如使用 GitHub 免费的 Pages，又或者是随便放在 oss 源中，没有维护服务器，数据库的烦恼...纯静态资源部署很便捷，以 Hugo 为例，他的路由适合文件目录相关的，我们的站点有中英文两个语言版本，开发时都放在一个项目中进行维护共享模板，在构建部署时，会根据语言打成不同的资源包，分别发到不同的国内外...最后 以上便是笔者使用 Hugo 框架搭建公司 Nebula Graph 官网 的一些实践心得，希望给有快速建站需求的朋友提供一些思路和参考，我们的站点是基于已有主题二次开发，更多细节感兴趣的朋友也可以看看我们放在
然后将其解压，二进制文件的路径添加到环境变量中，就可以愉快的开始 了。...2.3、项目结构 创建完项目后，Hugo会帮我们生成一堆文件，我们需要知道这些文件的用途。...(允许 HTML 格式) 之前添加其他信息, 例如图标 pre = "" # 你可以在名称 (允许 HTML 格式) 之后添加其他信息, 例如图标 post = ""...当服务器启动完成，我们就可以在浏览器打开http://localhost:1313/查看效果了。 我们点击Read More就可以看到文章的完整内容了。...但是这个关于页面中的二维码没有居中，如果我们想要使用一些html标签和scss样式，那么您需要下载hugo_extended打头的hugo版本。
/content/.gitkeep 我们还希望确保我们渲染的网站内容不会添加到源代码管理中。实际的HTML，JavaScript和CSS资产应该在每次部署时新生成，而不是保存在源代码控制本身中。...Hugo中的内容使用易于使用的标记语言编写。页面元数据在每个页面的特殊部分中提供，称为“前端内容”，使用与主配置文件相同的配置语法。...为了让Hugo能够从我们的Markdown页面正确生成HTML，我们需要创建以.md扩展名结尾的文件。 创建关于页面 将从主页链接到的页面以及页面所需的相对路径在很大程度上取决于您的主题。...由于我们在配置文件中设置了newContentEditor选项，因此应该使用首选编辑器自动打开该文件。...Hugo将在生成页面时自动创建所需的任何主要目录： hugo new post/My-First-Post.md 如果我们在Markdown文件名中使用破折号，它们将被转换为自动填充标题的空格： +++
但是对于v0.2.10版本的LoveIt主题，只是加入启动参数依然无法使用Valine评论功能，原因是评论功能的模板文件有问题，需要我们自己修改才能正常使用，如下： 把\themes\LoveIt\layouts...valine，然后填上从LeanCloud的应用中得到的appId和appKey就可以用了。...做法也很简单： 在站点根目录下创建的/layouts/_default/_markup/render-image.html 在新创建的这个render-image.html文件里黏贴下面的代码即可： 1...这个做法属于一刀切，后面考虑到依然需要输出md文件，于是想到了另一个解决方法，那就是把某些在GitHub Pages解析有问题的md文件给干掉，让这些引入了“问题”代码块的md文件不生成即可。....nojekyll文件会告知GitHub Pages不使用jekyll来渲染静态站点，这样就不会和md文件里的某些代码冲突而build失败。
我们知道，在 Hexo 中有两种分类方式——分类和标签，它们都是在文章的 Front Matter 中设置的，其中：categories 是具有顺序性和层次性的，即你可以通过它来实现树状结构的分类；tags...在 Hexo 中你可以通过站点配置文件 _config.yml 中的 tag_map 来实现，但在 Hugo 中没有这样的功能，那在 Hugo 中应该怎么办呢？...对于分区，我推荐直接使用小写英文命名，然后通过新建相应的 _index.md 并添加 title 以修正标题。当然，如果你要用中文也可以，但建议用简单的中文名。...还有一个是 index.md 的问题，在 Hugo 中你必须在它的前面添加一个下划线，即 _index.md。...public 文件夹；与 hexo clean 类似的命令是 hugo --gc --cleanDestinationDir；在 Hugo 中可以直接使用 hugo --minify 压缩 HTML、
我们在content下创建一个posts文件夹，专门放发布文章，然后新建一个second.md文件。...hugo new xxx.md 写入内容 2.3 启动服务 在站点目录下，hugo serve启动内置服务预览博客。...哈哈哈，我图片是展示访问posts/second.md这个文件啦 2.4 生成静态网站 前面都是hugo预览，接下来我们要对这些主题和文章生成静态网站啦！...直接使用hugo指令 public文件夹里面就是一个静态网站代码 如果你有服务器，直接把public里面的内容复制到服务器站点根目录就可以啦。 结语 好了。...hugo在windows的安装，并在本地使用就介绍到这里。实际上这只是起步，大家建博客是希望可以放到互联网上，给大家看。所以下一篇我们来讲述下，怎么创建一个“真正”的博客。
增加列表页 在 content/posts 目录下新增一个文件：_index.md，内容如下： --- title: "文章列表" --- 这时（hugo serve 会自动编译）点击 Posts，页面如下...index.html 文件，测试是否正常。...小细节：避免 Jekyll 起作用，可以在仓库根目录放一个空文件，文件名：.nojekyll 部署我们的站点 这里有两种做法。...1）方法一 上面 Hugo 项目的代码直接推送到 GitHub Pages 这个仓库中，在通过 Hugo 生成静态页面时，指定目标目录为 docs： $ hugo -d docs 这样 docs 下面的内容就是静态页面...因此每次在 Hugo 站点项目写完文章后，需要生成静态内容，拷贝到 GitHub Pages 仓库，提交代码等。把这些步骤写成一个脚本，瞬间变简单了。 #!
借助Go语言我们 可以用同步的方式写出高并发的服务端软件，同时，Go语言也是云原生第一语言，Docker，Kubernetes等等著名的项目都是使用Go语言实现的。 ...而纯静态页面则没有这个烦恼，如果我们只需要一个简单的站点，一些简单的功能和页面，比如博客，我们只想以极简的方式用markdown语法写下文字或者代码，让服务器访问纯静态页面，这就是静态网站生成器可以提供给我们的好处...，解压之后配置一下环境变量也可以 装完以后，在命令行内输入 hugo version 打印出版本号即表示hugo安装成功 在命令行中输入命令 hugo new site hugo_blog...我们来创建站点的第一篇文章 输入命令 hugo new one.md hugo在content下创建one.md文件，我们编写一些文件内容： --- date: "2019-05-23"...title: "第一篇文章" --- ### 你好啊 123123123 ``` print('hello world') ``` 然后在命令行中输入 hugo server 来热启动项目
后续如果我的主题有更新，你都可以直接使用如下命令来更新 git submodule update --remote hugo-theme-den主题会提供了实例配置与初始页面，开始使用主题时可以将其...cp -rf themes/hugo-theme-den/exampleSite/* ./ 初始化主题基础配置后，我们可以在 config.toml 文件中进行站点细节配置，具体配置项参考各主题说明文档...发布新文章 通过 hugo new 命令可以在 content/zh 目录下新建文章 hugo new posts/first-post.md 模板的内容，可以自行修改 archetypes/default.md...，可以直接将关键配置以参数形式指定 pagefind --source public --bundle-dir pagefind 也可以将配置写入配置文件中，在项目根目录创建 pagefind.yml...hugo 即可编译最终的 html 文件到 public 中（记得清空此前的 public 目录，以免有缓存残留） hugo 然后将 public 目录直接打包上传到服务器的某个目录下，这个目录自行定义即可
但此时我们的新站点无法启动，需要安装主题。 2.2 安装主题 可以从官方主题库中 选择，里面有上百种主题。我使用的主题是LoveIt ,感觉风格简约，并且功能齐全。...2.6 构建网站 在项目根目录下直接使用 hugo 命令，会生成 public 目录，该目录下都是关于我们的 markdown 编译完成的 html 静态页面。...或者使用站点根目录（/）引用图片可以正常加载显示，但是无法在 Typora 编辑器中显示图片。 有以下几种方法解决。...可以设置uglyURLs 来解决，但是这样url就会以.html结尾，可以参考博文 。个人不是很喜欢，因此使用了下面这种方法。...步骤： 1.新建了一个about.md文件在post同级目录下。 1 hugo new about.md 2.在config.toml中增加配置。
总的来说： 在 mac 上可以使用 brew 进行安装：brew install hugo 在 Ubuntu/Debian Linux 上可以使用 apt 进行安装：sudo apt install hugo...支持WebAssembly 拓展功能边界：允许在Hugo中使用WebAssembly，这意味着可以将用其他语言（如Rust、C++等）编写的高性能代码集成到Hugo项目中，为网站添加更多复杂的功能，如高性能的图像处理...支持JavaScript模块导入 增强脚本功能：允许在Hugo模板中导入JavaScript模块，这使得开发者可以更方便地使用现代JavaScript的模块系统，将复杂的JavaScript代码拆分成多个模块...每篇文章在 content/posts 下有单独的目录 操作命令为：hugo new content/posts/xxxx/index.md 直接在 index.md 中写文章内容，index.md中需要插入的图片等...执行 hugo 命令进行渲染 在项目根目录下执行 hugo 命令，Hugo 会读取文章内容和配置信息，将其转换为静态文件，并输出到public目录中。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
