This quick tutorial will show you how to setup and use Academic.
Choose the right theme for you
Check out the available color themes and have fun choosing a design you love.
Once you have settled on a theme, edit your
config.toml file in a text editor and set the
color_theme option to the name of the chosen theme.
The following font styles are also available and can be set by the
font option in
- default (modern)
- classic (original Academic v1 style)
- playfair (traditional serif)
Don’t worry if you are not 100% happy with the colors or font yet, as these can be fully customized later on.
Choose the right layout for you
Academic has a template for you whether you are you creating a website for your CV, academic research, blog, course, lab, business, photography, portfolio, or restaurant!
What kind of content would you like to publish? Academic supports:
- Pages: any general content
- Widget Pages: pages that can consist of numerous widgets, such as the homepage
- Posts: blog posts or news
- Projects: publish your portfolio or projects
- Online Courses: share knowledge online
- Software Documentation: document your software projects
- Talks: publish any talks which you are presenting
- Slides: write slides very efficiently with Markdown, present them at your talk, and share them online
- Publications: import your research publications from BibTeX
Once you have decided on the type of content that you would like to publish, take a look at the available homepage widgets and consider which ones would be most relevant to you.
Then, open your
content/home/ folder and set the
active parameter to either
false for each widget depending on if you wish to display it or not. Widgets that you don’t need can alternatively be deleted rather than setting
Next, let’s order the widgets according to your preference. To move a widget up or down, increase or decrease the value of the
weight parameter in each widget which you activated. The widgets will be ordered in ascending order of these weights and there is no need for the weights to be consecutive numbers.
content/home/ folder is empty, populate it from the example.
After selecting a theme and a layout, make it your own.
The core parameters for the website can be edited in the
config.toml configuration file:
baseurlto your website URL (this will be provided by your host such as Netlify)
- Come back to this option later if you are unsure
titleto your desired website title, such as your name
- Edit your personal/business details under
[params]; these will be displayed mainly in the homepage about and contact widgets (if used). To disable a contact field, simply clear the value to
- Place a square cropped portrait photo named
static/img/folder, overwriting any defaults. Note that you can edit the
avatarfilepath to point to a different image name or clear the value to disable the avatar feature. Alternatively, set
trueto use the Gravatar/Wordpress avatar associated with your
- If you write mathematical content, set
math = true, otherwise leave it as
- Social/academic networking links are defined as multiples of
[[params.social]]. They can be created or deleted as necessary.
[[menu.main]] entries towards the bottom of
config.toml define the navigation links at the top of the website. They can be added or removed as desired, based on the layout which you chose above.
To link to a section of the homepage, use the form
<section-filename> is the filename (without .md extension). For example,
#posts references a section with filename
posts.md. You can rename your section files in
content/home/, just remember to use a dash (
-) instead of spaces in the filename.
To create a dropdown sub-menu, add
identifier = "something" to the parent item and
parent = "something" to the child item.
Edit your biography in the about widget
content/home/about.md that you copied across from the
themes/academic/exampleSite/ folder. The research interests and qualifications are stored as
education variables. The academic qualifications are defined as multiples of
[[education.courses]] and can be created or deleted as necessary. It’s possible to completely hide the interests and education lists by deleting their respective variables.
Add your content
Refer to our guide on managing content to create your own content such as blog posts, publications, talks, and projects.
Remove any unused example pages
You will likely want to keep the
_index.md files (notice the underscore prefix) as they configure your archive page for each content type (e.g. an index of all your blog posts).
View your site
If you installed on your computer with Git or ZIP, view your new website by running the
hugo server command.
If you installed using RStudio, run
blogdown::serve_site() to preview your site in your web browser. We recommend previewing your site in your normal web browser as the in-built RStudio web browser is very outdated and buggy.
Now visit localhost:1313 and your new Academic powered website will appear. Otherwise, if using Netlify, they will provide you with your URL.
Deploy your site
Publish your site to the world by following the deployment steps.