Giter VIP home page Giter VIP logo

Zola Resume

Chinese Version

Redesigned form hugo resume.

Features

  • This is basically a single-page website with auto-scrolling based on left-hand nav.
  • Dedicated project/publications pages allow more detail.
  • Includes a client-side search at '/search'.
  • Includes an /admin endpoint that can allow authorized users to use a WYSIWYG editor and commit files back to markdown, but with a Wordpress/CMS like experience.

Quick Start

git clone [email protected]:alongwy/zola-resume.git
cd zola-resume
zola serve
# open http://127.0.0.1:1111/

Installation

Just earlier we showed you how to run the theme directly. Now we start to install the theme in an existing site step by step.

Step 1: Create a new zola site

zola init mysite

Step 2: Install zola-resume

Download this theme to your themes directory:

cd mysite/themes
git clone [email protected]:alongwy/zola-resume.git

Or install as a submodule:

cd mysite
git init  # if your project is a git repository already, ignore this command
git submodule add [email protected]:alongwy/zola-resume.git themes/zola-resume

Step 3: Configuration

Enable the theme in your config.toml in the site derectory:

theme = "zola-resume"

Or copy the config.toml.example from the theme directory to your project's root directory:

cp themes/zola-resume/config.toml.example config.toml

For CMS

cp themes/zola-resume/static/admin/config.yml static/admin/config.yml

and change those

# static/admin/config.yml

backend:
  name: github
  repo: USERNAME/REPO
  branch: BRANCH
  cms_label_prefix: netlify-cms/
  site_domain: DOMAIN.netlify.com

Step 4: Add new content

You can copy the content from the theme directory to your project:

cp -r themes/zola-resume/data .
cp -r themes/zola-resume/content .

You can modify or add new posts in the content/blog, content/projects or other content directories as needed.

Step 5: Run the project

Just run zola serve in the root path of the project:

zola serve

This will start the Zola development web server accessible by default at http://127.0.0.1:1111. Saved changes will live reload in the browser.

Examples

screenshot

See along's site for a live example.

Setup & Use

This theme uses a combination of custom sections and some data files to drive content.

Summary

Edit the main contents/_index.md with a brief bio/summary

Data files

Data files are used for simple content presented on the homepage.

Projects/Opensource

The difference indicates your role as originator or colaborator.

Publications

Similar to projects, create them under publications. Include any papers, speaking engagements, articles, etc.

Blog / Posts

Similar to posts, create them under blog. Include any thoughts, musiings, etc. This template does not support a posts folder

Template params

Almost All personal information outside the above details is captured by extra in config.toml, or can be edited in the "Settings" collection if using CMS.

CMS Editor with Netlify CMS

Does not require deployment to Netlify!

Netlify CMS is an open source project that enables CMS like experience for static site generation tools like Hugo. This theme includes a fully working integration and guide in static/admin

Credits

This project ports the Hugo Resume theme by Feng Yunlong to support zola.

Bartosz Boguszewski's Projects

Bartosz Boguszewski doesnโ€™t have any public repositories yet.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.