在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:mmistakes/jekyll-theme-basically-basic开源软件地址:https://github.com/mmistakes/jekyll-theme-basically-basic开源编程语言:SCSS 54.1%开源软件介绍:Basically Basic Jekyll ThemeBasically Basic is a Jekyll theme meant as a substitute for the default Minima, with a few enhancements thrown in for good measure:
If you enjoy this theme, please consider sponsoring: InstallationIf you're running Jekyll v3.5+ and self-hosting you can quickly install the theme as a Ruby gem. If you're hosting with GitHub Pages you can install as a remote theme or directly copy all of the theme files (see structure below) into your project. Ruby Gem Method
GitHub Pages MethodGitHub Pages has added full support for any GitHub-hosted theme.
Note: Your Jekyll site should be viewable immediately at http://USERNAME.github.io. If it's not, you can force a rebuild by Customizing Your Site (see below for more details). If you're hosting several Jekyll based sites under the same GitHub username you
will have to use Project Pages instead of User Pages. Essentially you rename the
repo to something other than USERNAME.github.io and create a Remove the UnnecessaryIf you forked or downloaded the
UpgradingIf you're using the Ruby Gem or remote theme versions of Basically Basic, upgrading is fairly painless. To check which version you are currently using, view the source of your built site and you should something similar to:
At the top of every Ruby GemSimply run Remote ThemeVerify you have the latest version assigned in
Note: If The next step requires rebuilding your GitHub Pages site so it can pull down the latest theme updates. This can be achieved by pushing up a commit to your GitHub repo. An empty commit will get the job done too if you don't have anything to push at the moment:
Use GitIf you want to get the most out of the Jekyll + GitHub Pages workflow, then you'll need to utilize Git. To pull down theme updates you must first ensure there's an upstream remote. If you forked the theme's repo then you're likely good to go. To double check, run To add it you can do the following:
Pull Down UpdatesNow you can pull any commits made to theme's
Depending on the amount of customizations you've made after forking, there's likely to be merge conflicts. Work through any conflicting files Git flags, staging the changes you wish to keep, and then commit them. Update Files ManuallyAnother way of dealing with updates is downloading the theme --- replacing your layouts, includes, and assets with the newer ones manually. To be sure that you don't miss any changes it's probably a good idea to review the theme's commit history to see what's changed since. Here's a quick checklist of the important folders/files you'll want to be mindful of:
Note: If you're not seeing the latest version, be sure to flush browser and
CDN caches. Depending on your hosting environment older versions of
StructureLayouts, includes, Sass partials, and data files are all placed in their default
locations. Stylesheets and scripts in Please note: If you installed Basically Basic via the Ruby Gem method, theme
files found in
Starting FreshAfter creating a Note: Consult the pagination documentation below for instructions on how to enable it for the home page.
Starting from |
Description | |
---|---|
lang |
Used to indicate the language of text (e.g., en-US, en-GB, fr) |
title |
Your site's title (e.g., Dungan's Awesome Site) |
description |
Short site description (e.g., A blog about grasshopper mash) |
url |
The full URL to your site (e.g., https://groverloaf.org) |
author |
Global author information (see below) |
logo |
Path to a site-wide logo ~100x100px (e.g., /assets/your-company-logo.png) |
twitter_username |
Site-wide Twitter username, used as a link in sidebar |
github_username |
Site-wide GitHub username, used as a link in sidebar |
For more configuration options be sure to consult the documentation for: jekyll-seo-tag, jekyll-feed, jekyll-paginate, and jekyll-sitemap.
This theme comes in six different skins (color variations). To change skins add
one of the following to your /_data/theme.yml
file:
skin: default |
skin: night |
skin: plum |
---|---|---|
skin: sea |
skin: soft |
skin: steel |
---|---|---|
This theme allows you to easily use Google Fonts
throughout the theme. Simply add the following to your
/_data/theme.yml
, replacing the font name
and weights
accordingly.
google_fonts:
- name: "Fira Sans"
weights: "400,400i,600,600i"
- name: "Fira Sans Condensed"
To change text found throughout the theme add the following to your
/_data/theme.yml
file and customize as necessary.
t:
skip_links: "Skip links"
skip_primary_nav: "Skip to primary navigation"
skip_content: "Skip to content"
skip_footer: "Skip to footer"
menu: "Menu"
search: "Search"
site_search: "Site Search"
results_found: "Result(s) found"
search_placeholder_text: "Enter your search term..."
home: "Home"
newer: "Newer"
older: "Older"
email: "Email"
subscribe: "Subscribe"
read_more: "Read More"
posts: "Posts"
page: "Page"
of: "of"
min_read: "min read"
present: "Present"
cv_awards: "Awards"
cv_summary_contact: "Contact"
cv_summary_contact_email: "Email"
cv_summary_contact_phone: "Phone"
cv_summary_contact_website: "Website"
cv_location: "Location"
cv_education: "Education"
cv_education_courses: "Courses"
cv_interests: "Interests"
cv_languages: "Languages"
cv_publications: "Publications"
cv_references: "References"
cv_skills: "Skills"
cv_volunteer: "Volunteer"
cv_work: "Work"
By default all internal pages with a title
will be added to the "off-canvas"
menu. For more granular control and sorting of these menu links:
Create a custom list to override the default setting by adding a
navigation_pages
array to your /_data/theme.yml
file.
Add raw page paths in the order you'd like:
navigation_pages:
- about.md
- cv.md
Each menu link's title and URL will be populated based on their title
and
permalink
respectively.
Break up the main listing of posts into smaller lists and display them over multiple pages by enabling pagination.
Include the jekyll-paginate
plugin in your Gemfile
.
group :jekyll_plugins do
gem "jekyll-paginate"
end
Add jekyll-paginate
to gems
array in your _config.yml
file and the
following pagination settings:
paginate: 5 # amount of posts to show per page
paginate_path: /page:num/
Create index.html
(or rename index.md
) in the root of your project and
add the following front matter:
layout: home
paginate: true
To enable site-wide search add search: true
to your _config.yml
.
The default search uses Lunr to build a search index of all your documents. This method is 100% compatible with sites hosted on GitHub Pages.
Note: Only the first 50 words of a post or page's body content is added to the Lunr search index. Setting search_full_content
to true
in your _config.yml
will override this and could impact page load performance.
For faster and more relevant search (see demo):
Add the jekyll-algolia
gem to your Gemfile
, in the :jekyll_plugins
section.
group :jekyll_plugins do
gem "jekyll-feed"
gem "jekyll-seo-tag"
gem "jekyll-sitemap"
gem "jekyll-paginate"
gem "jekyll-algolia"
end
Once this is done, download all dependencies by running bundle install
.
Switch search providers from lunr
to algolia
in your _config.yml
file:
search_provider: algolia
Add the following Algolia credentials to your _config.yml
file. If you don't have an Algolia account, you can open a free Community plan. Once signed in, you can grab your credentials from your dashboard.
algolia:
application_id: # YOUR_APPLICATION_ID
index_name: # YOUR_INDEX_NAME
search_only_api_key: # YOUR_SEARCH_ONLY_API_KEY
powered_by: # true (default), false
Once your credentials are setup, you can run the indexing with the following command:
ALGOLIA_API_KEY=your_admin_api_key bundle exec jekyll algolia
For Windows users you will have to use set
to assigned the ALGOLIA_API_KEY
environment variable.
set ALGOLIA_API_KEY=your_admin_api_key
bundle exec jekyll algolia
Note that ALGOLIA_API_KEY
should be set to your admin API key.
To use the Algolia search with GitHub Pages hosted sites follow this deployment guide. Or this guide for deploying on Netlify.
Note: The Jekyll Algolia plugin can be configured in several ways. Be sure to check out their full documentation on how to exclude files and other valuable settings.
Author information is used as meta data for post "by lines" and propagates the
creator
field of Twitter summary cards with the following front matter in
_config.yml
:
author:
name: John Doe
twitter: johndoetwitter
picture: /assets/images/johndoe.png
Site-wide author information can be overridden in a document's front matter in the same way:
author:
name: Jane Doe
twitter: janedoetwitter
picture: /assets/images/janedoe.png
Or by specifying a corresponding key in the document's front matter, that
exists in site.data.authors
. E.g., you have the following in the document's
front matter:
author: megaman
And you have the following in _data/authors.yml
:
megaman:
name: Mega Man
twitter: megamantwitter
picture: /assets/images/megaman.png
drlight:
name: Dr. Light
twitter: drlighttwitter
picture: /assets/images/drlight.png
Currently author.picture
is only used in layout: about
. Recommended size is
300 x 300
pixels.
To enable reading time counts add read_time: true
to a post or page's YAML
Front Matter.
Optionally, if you have a Disqus account, you can show a comments section below each post.
To enable Disqus comments, add your Disqus shortname to your project's
_config.yml
file:
disqus:
shortname: my_disqus_shortname
Comments are enabled by default and will only appear in production when built
with the following environment value:
JEKYLL_ENV=production
If you don't want to display comments for a particular post you can disable
them by adding comments: false
to that post's front matter.
To enable Google Analytics, add your tracking ID
to _config.yml
like so:
google_analytics: UA-NNNNNNNN-N
Similar to comments, the Google Analytics tracking script will only appear in
production when using the following environment value: JEKYLL_ENV=production
.
By default the copyright line in the footer displays the current year
(at build time) followed by your site's title. e.g. © 2018 Basically Basic.
If you would like to change this add copyright
to your _config.yml
file
with appropriate text:
copyright: "My custom copyright."
This theme provides the following layouts, which you can use by setting the
layout
Front Matter on each page,
like so:
---
layout: name
---
layout: default
This layout handles all of the basic page scaffolding placing the page content
between the masthead and footer elements. All other layouts inherit this one
and provide additional styling and features inside of the {{ content }}
block.
layout: post
This layout accommodates the following front matter:
# optional alternate title to replace page.title at the top of the page
alt_title: "Basically Basic"
# optional sub-title below the page title
sub_title: "The name says it all"
# optional intro text below titles, Markdown allowed
introduction: |
Basically Basic is a Jekyll theme meant to be a substitute for the default --- [Minima](https://github.com/jekyll/minima). Conventions and features found in Minima are fully supported by **Basically Basic**.
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论