hugo-theme-bootstrap4-blog
所属分类:Bootstrap
开发工具:HTML
文件大小:479KB
下载次数:0
上传日期:2022-08-31 08:24:33
上 传 者:
sh-1993
说明: Hugo静态站点生成器的以博客为中心的Bootstrap v4主题。
(A blogging-centric Bootstrap v4 theme for the Hugo static site generator.)
文件列表:
.build.yml (292, 2022-07-30)
.drone.yml (389, 2022-07-30)
CHANGELOG.md (3885, 2022-07-30)
LICENSE.txt (19467, 2022-07-30)
archetypes (0, 2022-07-30)
archetypes\default.md (186, 2022-07-30)
assets (0, 2022-07-30)
assets\css (0, 2022-07-30)
assets\css\style.css (99994, 2022-07-30)
assets\css\style.rtl.css (100054, 2022-07-30)
assets\js (0, 2022-07-30)
assets\js\fontawesome.min.js (39387, 2022-07-30)
assets\js\haven.umd.min.js (28231, 2022-07-30)
exampleSite (0, 2022-07-30)
exampleSite\config.toml (3191, 2022-07-30)
exampleSite\content (0, 2022-07-30)
exampleSite\content\posts (0, 2022-07-30)
exampleSite\content\posts\creating-a-new-theme.md (47393, 2022-07-30)
exampleSite\content\posts\goisforlovers.md (9932, 2022-07-30)
exampleSite\content\posts\hugoisforlovers.md (2631, 2022-07-30)
exampleSite\content\posts\migrate-from-jekyll.md (7135, 2022-07-30)
exampleSite\static (0, 2022-07-30)
i18n (0, 2022-07-30)
i18n\ar.yaml (1051, 2022-07-30)
i18n\bg.yaml (835, 2022-07-30)
i18n\da.yaml (742, 2022-07-30)
i18n\de.yaml (724, 2022-07-30)
i18n\en.yaml (745, 2022-07-30)
i18n\es.yaml (614, 2022-07-30)
i18n\fa.yaml (876, 2022-07-30)
i18n\fr.yaml (639, 2022-07-30)
i18n\id.yaml (604, 2022-07-30)
i18n\nl.yaml (616, 2022-07-30)
i18n\no.yaml (603, 2022-07-30)
i18n\pt.yaml (520, 2022-07-30)
i18n\ru.yaml (473, 2022-07-30)
... ...
# Hugo Bootstrap v4 Blog [![Build Status](https://ci.mjanja.ch/api/badges/alanorth/hugo-theme-bootstrap4-blog/status.svg)](https://ci.mjanja.ch/alanorth/hugo-theme-bootstrap4-blog) [![builds.sr.ht status](https://builds.sr.ht/~alanorth/hugo-theme-bootstrap4-blog.svg)](https://builds.sr.ht/~alanorth/hugo-theme-bootstrap4-blog?)
A simple but opinionated [Hugo](https://gohugo.io) theme geared towards blog-style content. Based on the older two-column [Bootstrap blog example](https://v4-alpha.getbootstrap.com/examples/blog/) that was used for several Bootstrap versions, but has now been retired in favor of a "snarky" (their words) new example as of version [4.0.0's final release](https://blog.getbootstrap.com/2018/01/18/bootstrap-4/).
![Screenshot](https://raw.githubusercontent.com/alanorth/hugo-theme-bootstrap4-blog/master/screenshot.png "Screenshot")
See [picturingjordan.com](https://picturingjordan.com) for an example of this theme in use.
## Features
- Responsive design
- Uses Bootstrap v4's [native system font stack](https://getbootstrap.com/docs/4.0/content/reboot/#native-font-stack) to load quickly and look good on all platforms
- Excellent [structured data](https://developers.google.com/search/docs/guides/intro-structured-data) (JSON-LD), [OpenGraph](http://ogp.me), and [Twitter Card](https://dev.twitter.com/cards/types) metadata support
- robots.txt linking to XML sitemap (disabled by default, see [Hugo docs](https://gohugo.io/extras/robots-txt/))
- Basic support for [multi-lingual content](https://gohugo.io/content-management/multilingual/) (added in Hugo 0.17) and user interface translation (i18n), including RTL languages like Arabic and Farsi
- Supports Google, Bing, and Yandex site verification via meta tags
- Supports GDPR-compliant Google Analytics (script is not even loaded until *after* the user agrees) with configurable consent banner, see [`exampleSite/config.toml`](https://github.com/alanorth/hugo-theme-bootstrap4-blog/blob/master/exampleSite/config.toml)
- Supports Disqus comments, see [Hugo docs](https://gohugo.io/extras/comments/)
- Allow addition of custom `` code in site's `layouts/partials/head-custom.html` (see [#17](https://github.com/alanorth/hugo-theme-bootstrap4-blog/pull/17))
- Configurable display of summaries of content in list templates.
- Configurable keywords for every post
- Supports automatic generation of `
` srcsets for images in [page bundles](https://gohugo.io/content-management/page-bundles/) using a [new figure shortcode](https://cpbotha.net/2020/05/02/drop-in-replacement-for-hugo-figure-shortcode-with-responsive-img-srcset/) (falls back to default Hugo behavior of looking up images in the static directory)
## Usage
Clone the repository to your site's `themes` directory. Refer to [`exampleSite/config.toml`](https://github.com/alanorth/hugo-theme-bootstrap4-blog/blob/master/exampleSite/config.toml) for recommended configuration values.
## Content Suggestions
A few suggestions to help you get a good looking site quickly:
- Keep blog posts in the `content/posts` directory, for example: `content/posts/my-first-post.md`
- Keep static pages in the `content` directory, for example: `content/about.md`
- Keep media like images in the `static` directory, for example: `static/2016/10/screenshot.png`
- If you want an image to be shown when you share a post on social media, specify at least one image in the post's front matter, for example: `images: ["/2016/10/screenshot.png"]`
- Use the `` tag in posts to control how much of a post is shown on summary pages
- Disable comments on a post by setting `comments = false` in its frontmatter
- Disable social sharing icons site wide (or on individual pages/posts) by setting `sharingicons = false`
- If your content is stored in git, add `enableGitInfo = true` to your site config and Hugo will use git history to set a more accurate modification date in page metadata
See the source code and structure of [picturingjordan.com](https://github.com/alanorth/picturingjordan.com) to get more ideas.
## Building (For Developers)
This theme uses the [Bootstrap](https://getbootstrap.com/) framework. A static version of this is already included, but if you want to bump the version, tweak the style, etc, you'll need to rebuild the assets. Make sure you have Node.js >= v14 installed, and then run the following from inside the theme's directory:
```console
$ npm install
$ npm run build
```
## Contributing
There are several ways to help with the development of the theme:
- [Open an issue](https://github.com/alanorth/hugo-theme-bootstrap4-blog/issues/new) on GitHub if you have problems or feature requests
- Alternatively, tackle one of the [existing issues](https://github.com/alanorth/hugo-theme-bootstrap4-blog/issues) on the issue tracker
- Fork [the repository](https://github.com/alanorth/hugo-theme-bootstrap4-blog) on GitHub, add features on a "feature" branch like `update-bootstrap`, and then send a [pull request](https://github.com/alanorth/hugo-theme-bootstrap4-blog/compare) with your changes
## License
This repository contains SASS and HTML code from the [Bootstrap](https://getbootstrap.com) project, which is licensed under the [MIT license](https://tldrlegal.com/license/mit-license) and [CC BY 3.0](https://creativecommons.org/licenses/by/3.0/), and [Font Awesome](https://fontawesome.com/), which uses [various licenses](https://fontawesome.com/license/).
近期下载者:
相关文件:
收藏者: