Giter Club home page Giter Club logo

Comments (13)

rbarilani avatar rbarilani commented on June 2, 2024 1

Hi @OfficialMarinho thanks to let us know, it seems to us a problem with NODEJS and the import then of main entry point for CSS packages .... @bhaskarmelkani will look into that tomorrow. P.S. Have you tried with a different NodeJS version / npm version ?

from hexo-theme-doc.

rbarilani avatar rbarilani commented on June 2, 2024 1

@OfficialMarinho I tested out the installation process as explained in our get started section (https://zalando-incubator.github.io/hexo-theme-doc/get-started.html) with the node/npm version that you provided, and it works all right for me... did you use the seed project and our quick start guide (https://zalando-incubator.github.io/hexo-theme-doc/get-started.html#Quick-Start) or have you done something different?

from hexo-theme-doc.

gdcmarinho avatar gdcmarinho commented on June 2, 2024 1

Hey,

I just set up the theme in my new laptop following the Quick Start guide and everything works well for me.

The platform specifications
NodeJS Version: v12.13.1
NPM Version: 6.14.4
OS: Mac OS
Hexo Version: 3.9.0
The only difference is that I am using macOS instead of Debian WSL, and ideally this should not change much.

I'll uninstall everything and try again. Wait a minute...

from hexo-theme-doc.

gdcmarinho avatar gdcmarinho commented on June 2, 2024

@rbarilani Well, I uninstalled everything and started other project, in other folder and everything else. I follow the Long Start from the Get Started tutorial and now, I have other problem:

image

I don't have any idea what's happening here. But, I think it's a _config.yml problem:

# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/

# Site
title: Hexo
subtitle: ''
description: ''
keywords:
author: John Doe
language: en
timezone: ''

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://localhost:4000
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:
pretty_urls:
  trailing_index: true # Set to false to remove trailing 'index.html' from permalinks
  trailing_html: true # Set to false to remove trailing '.html' from permalinks

# Directory
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:

# Writing
new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link:
  enable: true # Open external links in new tab
  field: site # Apply to the whole site
  exclude: ''
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight:
  enable: true
  line_number: true
  auto_detect: false
  tab_replace: ''
  wrap: true
  hljs: false

# Home page setting
# path: Root path for your blogs index page. (default = '')
# per_page: Posts displayed per page. (0 = disable pagination)
# order_by: Posts order. (Order by date descending by default)
index_generator:
  path: ''
  per_page: 10
  order_by: -date

# Category & Tag
default_category: uncategorized
category_map:
tag_map:

# Metadata elements
## https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta
meta_generator: true

# Date / Time format
## Hexo uses Moment.js to parse and display date
## You can customize the date format as defined in
## http://momentjs.com/docs/#/displaying/format/
date_format: YYYY-MM-DD
time_format: HH:mm:ss
## Use post's date for updated date unless set in front-matter
use_date_for_updated: false

# Pagination
## Set per_page to 0 to disable pagination
per_page: 10
pagination_dir: page

# Include / Exclude file(s)
## include:/exclude: options only apply to the 'source/' folder
include:
exclude:
ignore:

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: ../node_modules/hexo-theme-doc

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: ''

from hexo-theme-doc.

rbarilani avatar rbarilani commented on June 2, 2024

from hexo-theme-doc.

gdcmarinho avatar gdcmarinho commented on June 2, 2024

@rbarilani In the last time I used the Quick Start, but I had those errors. So, now I prefer use other way to install the theme.

from hexo-theme-doc.

bhaskarmelkani avatar bhaskarmelkani commented on June 2, 2024

Hey,

I just set up the theme in my new laptop following the Quick Start guide and everything works well for me.

The platform specifications
NodeJS Version: v12.13.1
NPM Version: 6.14.4
OS: Mac OS
Hexo Version: 3.9.0
The only difference is that I am using macOS instead of Debian WSL, and ideally this should not change much.

from hexo-theme-doc.

gdcmarinho avatar gdcmarinho commented on June 2, 2024

Ok, so here we go. Step by step:

  1. npm install -g hexo-cli
    image

  2. npm install hexo
    image

  3. hexo init docsblog
    image

  4. cd docsblog | npm install
    image

  5. hexo s
    image

  6. git clone https://github.com/zalando-incubator/hexo-theme-doc-seed.git

  7. cd hexo-theme-doc-seed && npm install

  8. hexo s
    image

  9. npm install hexo-renderer-sass --save
    image

doc.scss

$doc-color-primary: red;

@import "hexo-theme-doc/_doc.scss"

_config.yaml

# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/

# Site
title: hexo-theme-doc-seed
author: Zalando Incubator
timezone: UTC

node_sass:
  includePaths:
   - node_modules

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
# root: /

# Writing
relative_link: false

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: ../node_modules/hexo-theme-doc

theme_config:
  favicon: images/favicon.ico

ignore:
  # development only: ignore sub node_modules when `npm link hexo-theme-doc`
  - '**/node_modules/**/*node_modules'
  1. hexo s
    image

from hexo-theme-doc.

gdcmarinho avatar gdcmarinho commented on June 2, 2024

@bhaskarmelkani Oh, no problem for the step numbers.

In the step 8, everything works well. So, yep... the problem is into the SASS edition, or in the import.

I saw some others ways to import the _doc.scss, but I got the same errors.

from hexo-theme-doc.

bhaskarmelkani avatar bhaskarmelkani commented on June 2, 2024

Hey,

Can you update node-sass in _config.yaml to look like the following:

node_sass:
  includePaths:
   - node_modules
   - node_modules/hexo-theme-doc/node_modules

You can follow this document to make custom SASS style work.

Please check it and let me know if this works for you?

from hexo-theme-doc.

bhaskarmelkani avatar bhaskarmelkani commented on June 2, 2024

This issue is happening as the seed project is using a very old version of the theme that does not support dress-code.

hexo-theme-doc-seed should use hexo-theme-doc@^1.0.0-rc.1 instead of hexo-theme-doc@^0.1.0.

Related Issue: zalando-incubator/hexo-theme-doc-seed#6

from hexo-theme-doc.

gdcmarinho avatar gdcmarinho commented on June 2, 2024

Ohhhh, thanks! I'll wait for the review in the PR. Thank you, @bhaskarmelkani!

from hexo-theme-doc.

rbarilani avatar rbarilani commented on June 2, 2024

@OfficialMarinho we just merged the fix on hexo-theme-doc-seed we should solve your issue, feel free to reopen if that's not the case.

from hexo-theme-doc.

Related Issues (20)

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.